我正在编写一个HTML片段,需要插入到多个CMS平台中。因此,我不知道CSS属性将应用于CMS样式表中的HTML中的各种标记。
我是否可以在HTML中使用内联样式来告诉它忽略/重置在标记级别上应用的样式表中所有声明的样式?
如果我不能使用内联样式来完成这个任务,那么可以用外部样式表来完成吗?
发布于 2017-06-12 10:15:50
根据浏览器的支持,您可以使用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>
https://stackoverflow.com/questions/44505874
复制