How can I detect unused CSS on my website, across all pages?
Sorry for the late answer, I've found your question when searching for the same thing. Anyway you might be interested by :
https://purifycss.online/.
It removes unused css and you can add multiple urls.
Good luck
PS: I'm editing my answer because I found another website doing the unused CSS removal, maybe it will help someone reading this.
Is there a way to check which CSS styles are being used or not used on a web page?
Install the CSS Usage add-on for Firebug and run it on that page. It will tell you which styles are being used and not used by that page.
Removing unused CSS from website code
You can get pretty close to what you are asking for with the Google Chrome's Audit tab under Developer Tools. It does not remove unused CSS, but it will show you what CSS rules are not being used.
Observe:
Find unused css
I've been looking for a while, and the best thing I found was this:
http://unused-css.com/
They scan your site and email you the result css.
I am aware you are working on a localsite, however if you find no alternative, you can upload your site somewhere and use this
Alternatively
You could install a previous version of firefox that is compatible with dust-me selectors and run it along side your current installation of firefox.
Is there any way to find unused CSS in a website?
Dust-me Selectors is a Firefox plugin that finds unused selectors.
Related Topics
CSS Padding Overrides Overflow
Why Do Professional-Made Websites Have Odd #Id and .Class Names
Difference Between "A" and "A:Link"
CSS Property Box-Reflect Compatibility
:First-Letter Selector Doesn't Work for Link
How to Fade in Background Image by CSS3 Animation
CSS Problem with Background-Attachment:Fixed;
Can a Background Image Be Larger Than the Div Itself
Make an Item Stick to the Bottom Using Flex in React-Native
Google Chrome CSS Doesn't Update Unless Clear Cache
Fluid Container in Bootstrap 3
Bootstrap 5 Off Canvas Missing CSS/Js
Header Div Stays at Top, Vertical Scrolling Div Below with Scrollbar Only Attached to That Div
Is It Possible in SASS to Inherit from a Class in Another File