Imagine a situation.
You have received a full HTML code from a friend. Within this code, there are several third-party CSS packages included.
For example, let's consider animate.css. By looking at the link markup provided below, you can easily identify that your friend has utilized the animate.css package.
<link href="vendor/animate.css/animate.min.css" rel="stylesheet" type="text/css">
However, the question remains - was animate.css actually used? This particular package includes numerous elements, making it difficult to manually check each selector within the HTML to confirm its use.
Selectors such as "portfolio-carousel," "owl-carousel," and "owl-theme" are more straightforward to recognize. But what about classes like "wow" and "fadeIn"? Are they part of a third-party CSS file, or were they created by your friend?
<div class="portfolio-carousel wow fadeIn owl-carousel owl-theme">
Is there a tool available to determine which CSS files are being truly utilized, along with identifying the specific selectors associated with each CSS file? The goal is to remove any unnecessary CSS links from the code received from others, if they are not being used.