通过父类删除子类的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;
}