javascript - js如何在getComputedStyle规则中获取源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;
}

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

谢谢！

Answer 1

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