HTML和CSS中，如何让子元素不继承父元素的class属性呢？

Question

我有一个关于HTML和CSS的问题：如何让子元素不继承父元素的class属性呢？我知道有个all属性可以还原默认值，但是我只想让它不渲染父元素继承的…

关注者

10

被浏览

85,407

张群

只能覆盖，不继承是不可能的，继承是默认的，所以才叫 "cascading"这个名字

你可以用 !important;来破坏继承，但是这个方法恶心了点，只适合调试CSS时用用。

要么就是用 initial 搭配 all ， 比如 all: initial;

再不就是用 * 选择器，改变继承，比如

#parent {
white-space: pre-wrap;
}

#parent * {
white-space: initial;
}

Leon-D 前端开发者 · Accepted Answer

可以试下用:not选择器。
.class1:not(.class2){}

给父元素设class1，子元素设class2。