如何只获取网页使用的特定css选择器?

时间:2014-05-23 06:05:08

标签: javascript jquery html css

考虑一个网页

<html>
<head> 
  <p class="header"></p>
</head>
<body class="main">
</body>
</html>

和我的css文件,

.header{}
.main{}
.footer{}

我想知道正在使用哪个css选择器,所以我可以从样式表中删除其余部分。在这里,我可以删除.footer

这可能吗?

1 个答案:

答案 0 :(得分:0)

对于Chrome,您可以使用内置工具: http://meeech.amihod.com/very-useful-find-unused-css-rules-with-google/

对于Firefox,您可以使用DustMe这样的插件: https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/

但请记住,选择器可能不会在当前页面上使用,但可能会在其他页面上使用。