在 Webkit 中获得级联样式

Question

如何获取元素的级联样式（未计算）？假设我有一个元素具有匹配的 CSS 规则宽度：50%;

我想得到字符串"宽度：50%"

style.cssText

仅适用于内联样式

我得到了使用

elm = document.getElementById("myElm");
rules = elms.ownerDocument.defaultView.getMatchedCSSRules(elm, '');

现在我有一个与此元素相关的所有 CSS 规则的列表，但我怎么知道哪一个是匹配的规则？

rules中的顺序规则是否与样式的"级联"相关？ 我做了一些简单的测试，我似乎就是这种情况，但我不能确定。

我不需要跨平台解决方案，但它必须与 webkit 浏览器和本机 JS 一起使用。

Answer 1

如果我

正确理解你的问题，你需要这样的东西：

var casWidth = ( $element.width() / $parentRelativeElement.width() ) * 100