0

有没有办法通过其 CSS 属性找到给定页面样式表中存在的规则？我将使用浏览器插件、花哨的 javascript，甚至是 IDE 功能。

考虑这种情况：在没有理由（或预算）重构其代码库时维护/更改旧站点。现在乘以大约一百个这样的个人网站:)

开始为任何临时更改请求编写“正确的方式”太诱人了，无论多么小，并引入“正确的”语义类、雅致的继承和 googly 的命名约定。当然，实际上，如果没有适当的重构，所有这一切都会污染样式表，直到下一个开发人员出现并重复该过程。当有选择时，我宁愿扮演一个不伤害开发者的角色。

假设新版本需要一些相当基本的东西，比如缩略图图像向左浮动，周围有一些边距。您查看 css 文件，但找不到任何特定的内容.teaser-thumbnail（并在前 200 条规则中看不到任何逻辑后放弃）。尽管如此，很有可能已经有一个规则用于类似目的，或者可能是一些帮助类。然而，没有直接的方法可以找到这些规则，而且您不一定会通过名称识别它们的用途。

4

2 回答 2

1

一种选择是使用Firefox 的 Web Developer 插件，转到CSS- View CSS。这将在一个非常长的页面上显示所有可用的 CSS（来自多个文件）。然后您可以搜索要应用的属性，看看是否可以找到任何合适的类。

于 2013-07-25T00:32:38.400 回答
0

我相信您要问的是如何将 CSS 属性添加到给定元素的现有选择器（如果存在）？如果是这样的话：

  1. 在 Chrome 中打开网站
  2. 右键单击元素>检查元素
  3. 查看右列Styles部分并查看适用于给定元素的所有选择器。
于 2013-07-25T00:08:29.137 回答