选择同一类的父级的所有子元素 - CSS / Bootstrap 3

时间:2014-05-07 06:52:22

标签: css twitter-bootstrap-3

我想删除顶级父.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) -->

0 个答案:

没有答案