通过属性查找未知CSS规则

有没有办法通过CSS属性找到给定页面样式表中存在的规则？我要一个浏览器插件，花式javascript，甚至一个IDE特性

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

对于任何特定的变更请求，无论请求有多小，都很容易开始以“正确的方式”编码，并引入“适当的”语义类、有品味的继承和愚蠢的命名约定。当然，在现实中，如果没有适当的重新分解，所有这些都会污染样式表，直到下一个开发人员出现并重复该过程。如果有选择的话，我更愿意做一个无害的开发者

---

比如说，新的构建需要一些相当基本的东西，比如左右浮动的缩略图。您查看了css文件，但找不到任何特定的内容，如

.trister-thumbnail

（在前200条规则中看不到任何逻辑后放弃）。尽管如此，还是有一个很好的机会，那就是已经有一个规则服务于类似的目的，或者可能有一些助手类。然而，没有直接的方法来定位这些规则，您也不一定会通过名称来识别它们的用途。

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

在Chrome中打开站点

在“图元>检查图元”上单击鼠标右键

查看右列

样式

部分，查看应用于给定元素的所有选择器

一个选项是使用，转到

CSS

-

查看CSS

。

---

这将在一个很长的页面上显示所有可用的CSS（来自多个文件）。然后，您可以搜索要应用的属性，并查看是否可以找到任何合适的类。

我会考虑用我的标识符前缀创建自己的类。现有的类可能拥有一个我正在寻找的属性，但它很可能与我不想要的其他设置结合在一起。我70%确信浏览器有一个API来检查CSS定义。你有没有试过浏览MDN？我每天在开发时都使用这个功能。当有人递给你一个站点并说“移动到那里”或“更改此颜色”时，这尤其有用。你只需检查元素，找到样式，打开样式表并搜索该类/id。简单易行，回答很好。不，不是这样；对不起，如果原来的措辞有误导性。我在页面上没有一个元素已经拥有我想要的属性，但是我可能在样式表中有必要的规则。这几乎就是我现在所做的，但是它太过手动（你说得对，它是一个很长的页面：）如果我正在寻找一种在元素底部添加间距的现有样式，我不能只在该列表中搜索

margin bottom

——该属性太常见了，我不知道所需的类是否使用了速记变体等。