window.getMatchedCSSRules用于所有规则，包括其伪元素和伪类规则

Question

我正在尝试使用chrome＆＃39; window.getMatchedCSSRules方法获取元素的CSS规则。但是这个方法没有给我伪元素和伪类的规则。但是通过将伪类/元素名称作为方法的第二个参数传递，它会单独返回规则。

window.getMatchedCSSRules(btn, "before")
window.getMatchedCSSRules(btn, "after")
window.getMatchedCSSRules( progressEle, "-webkit-progress-value")

但有没有办法获取所有css规则，包括所有的伪类/元素规则，而不传递特定的伪元素/类名作为参数？

Answer 1

你不能用javascript或jquery来定位伪元素，因为它们不是（还）dom元素。

但是，如果你想通过js操纵css元素 - 你可能能够用https://github.com/Box9/jss

实现类似的效果

希望有所帮助