我想知道如何找到适用于元素的所有CSS规则 . 到目前为止我找到的所有解决方案

  • 使用CSSStyleSheet.cssRules或CSSStyleSheet.rules属性 . 不起作用，因为从Chrome 64开始，您需要使用本地开发服务器来测试依赖于CSS对象模型的功能 .

  • 使用getComputedStyles（），它充满了类似于默认/不正确值的垃圾，没有 @media 或 pseudo 类 .

我想将一个元素从一个站点复制到另一个站点 . 我使用Node.cloneNode（true）来克隆元素 . 当我将元素移动到另一个站点时，从克隆的classeNames和id继承的样式不再存在 . 这就是为什么我想找到适用于该元素的所有CSS规则，因此我可以在其他网站上“重新应用”它们 .

使用window.getComputedStyles，例如元素的宽度固定为精确的像素数量，即使它最初是动态的：忽略悬停类，所有“子”类都定义为'border-right'，'border-left'，即使原始的div只定义了短手属性'border'

我怎样才能找到适用于元素的所有 CSS Rules ？

javascript css