是否可以在不知道它们是什么的情况下覆盖所有 css 样式？ [复制]

Question

我正在编写一个需要插入多个 CMS 平台的 HTML sn-p。因此，我不提前知道哪些 CSS 属性将从 CMS 样式表应用于我的 HTML 中的各种标签。

有什么方法可以在 HTML 中使用内联样式来告诉它忽略/重置样式表中在标签级别应用的所有声明的样式？

如果我不能使用内联样式来做到这一点，可以使用外部样式表来完成吗？

Answer 1

根据浏览器支持，您可以使用all CSS 属性。这里是参考https://developer.mozilla.org/en/docs/Web/CSS/all

a {
  color: red;
}

li {
  list-style: square;
}

div {
  border: 1px solid black;
  padding: 1em;
}

div:first-child * {
  all: unset;
}

<div>
  <a href="#">link</a>
  <ul>
    <li>asdf</li>
  </ul>
</div>

<div>
  <a href="#">link</a>
  <ul>
    <li>asdf</li>
  </ul>
</div>