如何从“多个”html 文件中删除未使用的 CSS，这些文件都链接到“单个”CSS 文件？

Question

I have build a website where multiple html pages are linked to a single CSS file.

Now I would like to remove all unused css from this single file.

Is there any way or tool to do it?

Here is my file structure:

index.html 
about.html
contacts.html

They all have the same

style.css

How to remove unused css from the style.css without braking everything?

Answer 1

You can store 'shared' styles to one file (for example global.css) linked to all pages you have, and for each page use stylesheet with CSS you use on that specific page (for example about.css on about.html page).