Html 如何找到与特定页面相关的CSS？

有没有办法找到与特定HTML页面部分相关的CSS标记和元素

---

例如：我们有一个很大的CSS文件，但很少有元素与HTML类中的内容相关，有没有办法找到相关元素并删除其他部分？

我认为没有。这也很难做到，因为您的系统可以通过包含500个不同语言的不同文件来构建页面。这样的程序如何知道哪些文件包含在何处以及在何种条件下

---

我认为最接近的是使用DevTools查看哪些样式应用于哪个元素，可以手动或以自动方式创建一个列表，列出哪些CSS规则应用于哪个结束页面（例如哪个URL端点）元素。但是即使这样，这也很难，因为程序很难找出哪些样式是动态添加到元素中的（例如，当用户执行某个操作时，Javascript可以添加/删除类）。

CSS文件有多大？我想不出别的办法，只能将它拆分为多个库，然后根据需要在页面中包含一个库

例如，如果页面有一个滑块，那么它将有一个指向

滑块的CSS链接。CSS

当您发送太多

HTTP

请求时，这可能并不理想，因此您可能会将库作为内部

CSS嵌入。我见过很多WordPress主题开发人员使用这种技术

这不应该是一个问题，因为缩小和压缩大大减小了文件大小，一旦文件被缓存您的用户就不需要等待额外的时间来加载下一页了。

在中，有一个“审核”选项卡，允许您运行网页性能审核，并查看未使用的CSS规则列表：

---

对于Firefox 您可以安装以下加载项之一：

• 为了

CSS使用

---

在Chrome中的Dust Me Selectors

右键单击元素->检查->查看链接到元素的样式（右侧）。有很多很多的库和工具可以做到这一点。更努力地搜索。我知道，我知道，但还有很多其他元素与该部分相关，我无法通过chrome inspect逐个找到，这就是为什么我认为可能有一个软件可以找到这个。是的，你是对的，这真的很难，这就是为什么我认为可能有一个程序可以更容易地做到这一点。谢谢你的帮助reply@Reddy：我为添加了一个选项Chrome@Reddy字体我知道。。。但从你的评论来看，我想这并不明显。。。这就是为什么我为Chrome添加了更多信息+选项。谢谢你指出这一点！