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

Question

as we know that with window.getComputedStyle() method we can get the computed styles of specific element. (see https://jsfiddle.net/r7sgpyt5/1/). My question is,how can we know where the CSSStyleDeclaration in the computed style come from.for example in https://jsfiddle.net/r7sgpyt5/1/ I have define a css rule like:

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

if I use getComputedStyle(element,null).getPropertyValue("color") it returns "rgb(255, 0, 0)",but how can I know the property "color" is defined in the css selector "#element".

Thx!

Out of curiosity, why do you need to? I don't think there is a way, other than parsing CSS files. — birdoftheday, Dec 30 '15 at 15:39
Because I want to update the css rule,so I need know which CSSStyleDeclaration to change. — Tsingbo, Dec 31 '15 at 01:18

score 0 · Accepted Answer · answered Dec 31 '15 at 06:49

0

@Tsingbo, as far as I know it's impossible, but you can try window.getMatchedCSSRules in Chrome.

answered Dec 31 '15 at 06:49

Raoh Wu

16

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

1 Answers1