有没有办法找到一个网站，未使用的CSS？(Is there any way to find unus

有没有办法找到一个网站，未使用的CSS？

我想清理我只是继承了一个项目。

Answer 1:

除尘我选择器是一个Firefox的插件，发现未使用的选择。

Answer 2:

我只是碰到了这一点，并记住你的问题： http://github.com/geuis/helium-css

Answer 3:

Chrome浏览器59还内置了覆盖显示器CSS和JavaScript自2017-04： https://developers.google.com/web/updates/2017/04/devtools-release-notes#coverage

您可以通过打开开发者工具启用它，然后在命令菜单（ Cmd+Shift+P在Mac或Ctrl+Shift+P在Windows和Linux），然后键入“显示覆盖”。

Answer 4:

有这么多可约的最佳实践方法CSS说。 我会尽量坚持要点。

使用CSS复位。

尝试删除真的一般CSS语句像h1 {}和#container em {} 你已经开使用好得多h1.section-title和#container em.important {}因为如果选择这种方式来使用h1或em方式不同的地方你的文档中，你不必担心任何覆盖现有的代码。

如果你没有，不要在你的CSS选择过于具体。 你真的只需要具有高度的特异性，如果在一个特定的部分是改变元素将如何显示。 否则，让你的代码为你的block级重复使用， #container .content .block ...可以减少到.block ...在许多情况下。

寻找你的CSS共性和看看你是否可以创建可重用的类。 如果你也有类似的块class="favorites"和class="popular" ，把它变成class="block block-favorites"和class="block block-popular" ，并把共性到.block 。

获取在你的CSS制作领域的习惯，有一个自动宽度（可隐完成），使他们成长为你的容器的宽度。 这使得它非常容易的部分从您的网站到您的网站的一部分宽的狭窄部分移动，而无需更改任何代码。

注释你的代码并将其分解成部分通常有助于使代码更易读。

你会惊奇地发现，当你实现更强大的CSS选择你的代码如何更清洁的外观。 他们大多是跨浏览器兼容（Internet Explorer 7和更高版本）。
一些宝贵的资源： 我什么时候可以使用... - Quirks模式对CSS选择 - 对CSS选择W3

回答感动：
最佳实践清理现有的CSS /未使用的样式

Answer 5:

要添加到@cweiske建议，谷歌Chrome已经揭露在您的“未使用”和“永远也不会被使用”选择器是一个没有废话的方式。

我已经发布了如何一步一步的标志启动CSS Coverage工具的屏幕截图。

这是你真的不使用的东西找出一种可靠的方法。

文章来源: Is there any way to find unused CSS in a website?