选择具有相似类名但没有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>

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>

Answer 2

这个问题被标记在jquery下。您可以使用Jquery在<div class="inddetails-wrapper clearfix">中选择第一个元素，如下所示：

var firstChild = $( ".inddetails-wrapper.clearfix div" ).first(); 

，您可以根据需要使用更多的jquery属性来玩firstChild。