有没有可能在不知道css样式是什么的情况下覆盖所有的css样式？[副本]

Question

我正在编写一个需要插入多个CMS平台的HTML代码段。因此，我不知道什么CSS属性将应用到我的HTML中的各种标记，从CMS的样式表。

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

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

Answer 1

根据浏览器支持，您可以使用allCSS属性。这里有一个参考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>