html - 第一个 DIV 的风格与其他部分不同

Question

我有一个共享相同类的 DIV 列表，如下所示:

<div class="content1"><div class="contentInner">Text1</div></div>
<div class="content1"><div class="contentInner">Text2</div></div>
<div class="content1"><div class="contentInner">Text3</div></div>
...

我希望带有 class="content1"的第一个 DIV 与同一类的后续 DIV 具有不同的样式。什么 CSS 选择器可以做到这一点？ 谢谢

Answer 1

使用nth-of type选择器。

.content1:nth-of-type(1){
  /* your style */
}

first-child 只有在您想要的 div 之前没有兄弟元素时才有效。

See fiddle here.