Question

看，我有下面的html：

<body style="color:red;">
text inside 1
<p>
text inside p
...
</p>
<div class="divable1">
text inside div 1
</div>

</body>

我只希望＆＃34;文本在1＆＃34;和＆＃34;文本在p＆＃34;在div 1＆＃34;中有颜色红色BUT＆＃34;文本我想忽略身体元素的风格。

CSS如何实现这一目标？

提前谢谢！

Answer 1

无法忽略CSS中的规则，只能覆盖它们。用以下内容编写规则集：

Answer 2

这是基本的CSS层次结构，您无法忽略规则，但您可以轻松覆盖它们：

body {
    color: red;
}
.divable1 {
    color: green;
}

Answer 3

我知道很久以前就有人问过这个问题，但可以通过取消设置一个或所有属性来完成：

body {
  color: red;
}

.divable1 {
  all: unset; /* resets everything */
  color: unset; /* resets specific property */
}