InnerHTML包括样式表中的样式

Question

是否有办法获取页面一部分的innerHTML以及该部分中元素使用的所有样式信息（包括也来自相应样式表的样式）。因此，当我在其他地方插入html时，它将显示原始样式。

Answer 1

无论如何，它应该以造型显示，除非我在你的问题中遗漏了什么。如果你有这种风格：

.item { color: red; background-color: #CCC; border: solid black 1px; }
.item a { color: #300; text-decoration: none; }
.item h2 { font-size: 1.5em; }

这个HTML：

<div id="test">
   <div class="item">
      <h2>Cat</h2>
      <a href="#">Details</a>
   </div>
   <div class="item">
      <h2>Dog</h2>
      <a href="#">Details</a>
   </div>
</div>

将HTML移动到代码的另一部分（无论是复制/粘贴还是通过DOM操作移动它）都无关紧要。 应该正确应用。这只是以模块化方式构建CSS的问题。在这种情况下，过多的特异性可能是一个问题。