javascript - js 如何获取 getCompulatedStyle 规则中的源 css 规则

Question

我们知道，通过 window.getComputedStyle() 方法，我们可以获得特定元素的计算样式。 (参见https://jsfiddle.net/r7sgpyt5/1/)。我的问题是，我们如何知道计算样式中的 CSSStyleDeclaration 来自哪里。例如 https://jsfiddle.net/r7sgpyt5/1/我定义了一个 css 规则，例如:

#element{
  color:red;
  border:1px solid #999;
  margin:10px;
}

如果我使用 getCompulatedStyle(element,null).getPropertyValue("color") 它返回“rgb(255, 0, 0)”，但是我怎么知道属性“color”是在CSS选择器“#”中定义的元素”。

谢谢!

Answer 1

@Tsingbo，据我所知这是不可能的，但是你可以在Chrome中尝试window.getMatchedCSSRules。