簡體   English   中英

如何僅獲取網頁使用的特定 css 選擇器?

[英]how to get only specific css selectors being used by web page?

考慮一個網頁

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

和我的 css 文件,

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

我想知道正在使用哪些 css 選擇器,所以我可以從我的樣式表中刪除其余的。在這里,我可以刪除.footer

這可能嗎?

對於 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/

但請記住,選擇器可能不會在當前頁面上使用,但可以在其他頁面上使用。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM