js 如何在 getComputedStyle 规则中获取源 css 规则

Question

正如我们所知，使用 window.getComputedStyle() 方法我们可以获得特定元素的计算样式。（参见 https://jsfiddle.net/r7sgpyt5/1/）。我的问题是，我们如何知道计算样式中的 CSSStyleDeclaration 在哪里 from.for https://jsfiddle.net/r7sgpyt5/1/ 中的示例我定义了一个 css 规则，例如：

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

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

谢谢！

Answer 1

@Tsingbo，据我所知这是不可能的，但你可以在Chrome.

中尝试window.getMatchedCSSRules

js 如何在 getComputedStyle 规则中获取源 css 规则

js how can I get the source css rule in getComputedStyle rule

javascript

styles

rules

getcomputedstyle