javascript - 选择具有相似类名但没有 div id 的 div

Question

父类inddetails-wrapper clearfix有两个 div，它们作为具有相同名称的其他类。我想选择头等舱col-md-6 nopadding。我该怎么做？

下面是代码：

<div class="inddetails-wrapper clearfix">
    <div>
        <div class="col-md-6 nopadding">...</div>
    </div>
    <div>
        <div class="col-md-6 nopadding">...</div>
    </div>
</div>

标签： javascriptjqueryhtmlcss

Answer 1

您可以使用:first-child：

.inddetails-wrapper div:first-child .col-md-6 {
  background: #f00;
}

<div class="inddetails-wrapper clearfix">
  <div>
    <div class="col-md-6 nopadding">...</div>
  </div>
  <div>
    <div class="col-md-6 nopadding">...</div>
  </div>
</div>