通过父类删除子类的css

Question

我有

HTML:

<div class="parent">
<div class="child">
</div>
</div>

和

<div class="child">
</div>

CSS:

.child{  width:2px;height:3px };
.parent .child{color:blue};

我想在css中包含父类时删除子类的样式,即如果我使用.parent .child,则不应该为子节点设置宽度和高度样式,即如果与父节点一起使用,则应删除子节点的样式.如何我可以这样做吗？

Answer 1

以下代码段将起作用.当子节点位于父节点内时,将其宽度和高度设置为元素默认值,即auto.

.parent .child {
    color: blue;
    width: auto;
    height: auto;
}