3

我正在尝试简化我的页面。目前我包含了几个 CSS 文件。我想通过从一个大的 CSS 文件中获取一些使用的样式来消除一些 CSS 包含。

找出特定 CSS 文件中使用了哪些样式的最佳方法是什么？

4

3 回答 3

8

在 Chrome 中，您可以审核您的页面，这将显示未使用的规则，包括它们来自哪个文件。只需按 F12 加载开发者工具，点击“审核”，然后点击“运行”。

在此处输入图像描述

于 2012-04-28T17:47:02.027 回答
0

所有现代浏览器都提供了开发者工具。它们中的大多数允许您通过右键菜单检查元素。在那里，您将看到为这个或那个 html 元素提供样式的样式表（即使样式表中有行号）。我知道 Opera 有一个扩展（https://addons.opera.com/en/extensions/details/dust-me-selectors-for-opera/）可以检查您的 CSS 是否有空（未使用）选择器，我'确定还有其他浏览器的其他插件或扩展。

于 2012-04-28T17:52:03.317 回答
0

只需按下F12加载开发者工具，然后点击左上角的“元素”。现在单击它下方的任意位置并按Ctrl+ F，它将打开查找对话框。输入class它。它将class在黄色背景的页面中显示单词用于定义类的位置。单击该黄色单词会在左侧显示课程详细信息。将所有课程复制到记事本。

于 2013-08-06T11:47:24.430 回答