我经常通过在我的网站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