Question

我正在编写一个需要插入多个CMS平台的HTML代码段。因此，我事先不知道从CMS的样式表中将哪些CSS属性应用于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>

是否可以覆盖所有css样式而不知道它们是什么？

1 个答案: