我经常通过在我的网站override.css的{{1}}下方添加（示例）base.css来覆盖“基本”CSS样式。
head：
base.css然后在a { color: blue; }
：
override.css这可能是不好的做法，但根据我的经验，在大多数网站上这样做很常见。在这个非常简化的情况下，css文件的大小将是它的两倍。
是否有任何自动工具可以删除所有未使用的样式，并且只向访问者显示“已解析”的css文件？例如，Prestashop中的CSS CCC选项会为我做这个吗？
答案 0 :(得分：1)
如果您正在寻找自动方法，https://github.com/giakki/uncss
然而，chrome devtools还包括一个很好的面板，用于查看所有未使用的样式，因此最有可能通过此手动执行此操作。如何使用覆盖面板：https://blog.logrocket.com/using-the-chrome-devtools-new-code-coverage-feature-ca96c3dddcaf