复制应用于元素的 CSS 样式

copy CSS styles that apply to an element

本文关键字：CSS 样式 元素 应用于 复制      更新时间：2023-09-26

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

  • 元素 { 样式 }
  • .class { 样式 }
  • 超级>元素 { 样式 }
  • 邻居 + 元素 { 样式 }

我怎样才能得到这个？

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

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

相关文章：