html - 选择不同 parent 类(class)的第一个 child

Question

我想选择不同父类中第一个类为 .labelinput 的 div。我不想按 parent 选择，因为我有不同的 parent 。是否可以只定义一次？

尝试过:

div.labelinput:first-child {
  border-top: 1px solid #efefef;
}

<div class="one">
  <div class="labelinput">style this</div>
  <div class="labelinput">not this</div>
  <div class="labelinput">not this</div>
</div>

<div class="two">
  <div class="labelinput">style this</div>
  <div class="labelinput">not this</div>
  <div class="labelinput">not this</div>
</div>

<!-- ... -->

<div class="seventeen">
  <div class="labelinput">style this</div>
  <div class="labelinput">not this</div>
  <div class="labelinput">not this</div>
</div>

Answer 1

div .labelinput:first-child {
   border-top: 1px solid #efefef;
}

参见 http://jsbin.com/cupisefore/1/edit