我想知道如何找到适用于某个元素的所有CSS规则。 到目前为止，我找到的所有解决方案
使用CSSStyleSheet.cssRules或CSSStyleSheet.rules属性。不起作用，因为从Chrome 64开始，您需要使用本地开发服务器来测试依赖于CSS对象模型的功能。
使用getComputedStyles（），它充满了诸如默认值/错误值之类的垃圾，并且没有@media或pseudo类。
我想将元素从一个站点复制到另一个站点。我使用Node.cloneNode（true）来克隆元素。当我将元素移动到另一个站点时，从克隆的classeNames和id继承的样式不再存在。这就是为什么我想找到所有适用于该元素的CSS规则，因此可以在另一个站点上“重新应用”它们。
使用window.getComputedStyles例如即使元素最初是动态的，元素的宽度也固定为精确的像素量：：hover类将被忽略，即使“ border-right”，“ border-left”等所有“子”类都已定义，即使原始div仅定义了简写属性“ border”
如何找到适用于某个元素的所有 CSS规则？