html - 特定类型的第一个子元素

Question

我有一些部分有三个 child (一个 <h1> 和两个 <div> )

<section class="half">
  <h1>Half</h1>
  <div>
    left half
  </div>
  <div>
    right half
  </div>
</section>

然后我在这些 block 中添加一些样式

section > h1 { ... }
section > div { ... }

我想为第一个 <div> 指定额外的样式节中的元素。

我不能写 use just section > :first-child因为第一个子节点是 <h1> .

那我应该怎么写呢？

Answer 1

这就是:nth-of-type用于:

section > div:nth-of-type(1) {
    /* CSS properties go here... */
}