我想删除顶级父.container之后所有子.container类的左右填充,即使中间还有其他子父div。
在下面的示例中,我希望.class2和.class4中的.container具有以下css:
padding-left: 0;
padding-right: 0;
但第一个.container通过bootstrap设置左右填充。
我想我可以破解这个并做类似的事情:
.container {
padding-left: 0;
padding-right: 0;
}
.container:first-child {
padding-left: 15px;
padding-right: 15px;
}
例如:
<div class="container">
<div class="class1">
<div class="class2>
<div class="container">
</div><!-- /container -->
</div><!-- /class2 -->
</div><!-- /class1 -->
<div class="class3">
<div class="class4>
<div class="container">
</div><!-- /container -->
</div><!-- /class4 -->
</div><!-- /class3 -->
</div><!-- /container (TOP LEVEL PARENT) -->