Javascript 获取特定CSS属性的所有类名

给定CSS属性，例如

color:#fff；

如何查找应用此属性的所有类名

比如说,

。你好{
颜色：#fff；
背景：蓝色；
}
.世界{
颜色：粉红色；
背景：水鸭；
}
白色
.类名{
颜色：#fff；
}

---

将返回

.hello

、

.white

和

.classname

，因为它们都具有属性

color:#fff

您可以遍历样式表，然后遍历规则

下面是一个例子

它还包括一个用于转换颜色的实用函数，因为在样式表中#fff将是rgb（255、255、255）

函数realColor（名称）{
const d=document.createElement（“div”）；
d、 style.color=名称；
d、 style.display=“无”；
文件.正文.附件（d）；
const ret=window.getComputedStyle（d）.color；
d、 删除（）；
返回ret；
}
const findcolor=realColor（#fff”）；
log（“什么选择器的颜色为#fff？”）；
for（文档样式表的常量）{
用于（s.cssRules的常数）{
if（r.style&&r.style.color）{
if（r.style.color==findcolor）{
console.log（r.selectorText）；
}
}
}
}

。你好{
颜色：#fff；
背景：蓝色；
}
.世界{
颜色：粉红色；
背景：水鸭；
}
白色
.类名{
颜色：#fff；
}

你好

---

world如果我可以问的话，这个用例是什么？当您应该知道您的规则已经在做什么时，您正试图编写逻辑来测试CSS规则，这让人感到非常奇怪。这真的感觉像是一个潜在的XY问题。这必须用javascript完成吗？我将使用bash脚本来实现这一点

grep-nr'#fff.

我是色盲，我经常需要重写某些网页的css，只是想看看是否有更实用的方法，因为我对代码非常陌生：）在声明颜色时使用css变量，这样，你只需要在一个地方更新变量，而不是跟踪所有的实例。我试图找出你真正的问题是什么。你的问题需要具体而不是扩大。如果您在问题中遗漏了一些细节，例如这是否将成为您访问的现有网页的用户脚本，则需要在问题中包含这些信息，以便人们了解情况。很好！我不知道

document.styleSheets.cssRules

，这比我迭代DOM元素的方法要好得多。感谢您的

realColor（）

功能