javascript - 如何禁用特定元素组的所有样式

是否可以为特定的 html 元素组禁用 css 样式？

更具体地说，我有 html 文档和许多 css 样式，我想为某些元素设置默认 css(或删除/禁用这些元素的所有样式)。

有没有办法使用 html/css/javascript 来做到这一点？将所有样式一一设置为默认值需要时间。

此外，我可以说它可以通过将部分代码嵌套到 iframe 来完成(因为它不继承样式)，但这根本不是什么好方法。

感谢您的帮助。

最佳答案

向 <body> 添加一个类标签？

HTML

<body class="default-theme">
  <p> ... </p>
  <ul>
    <li> .. </li>
  <ul>
</body>

CSS

body.default-theme p {
   ... default settings ...
}

body.default-theme li {
  .. more css ...
}

关于javascript - 如何禁用特定元素组的所有样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7799356/