复制适用于元素的CSS样式

Question

我希望能够将适用于元素的所有样式规则作为输出输出到控制台（或类似的东西）。例如，$(_element_).css_styles();生成如下输出：

• 元素 { style }
• .class { style }
• super ＆gt; 元素 { style }
• 邻居 + 元素 { style }

我怎么能得到这个？

编辑：我构建了一个看起来不错的jfiddle。

Answer 1

如果您使用的是Chrome，则可以使用getMatchedCSSRules(element)。如果您使用的是FireFox（或其他Gecko浏览器），则polyfill可用。