css - 匹配第一个 dt 和第一个 dd，不起作用

Question

我试图匹配每个 child ，但不是第一个 dd 和第一个 dd 元素:

<dl class="aaa">
   <dd>...</dd>
   <dt>...</dt>
</dl>

CSS:

.aaa dd:not(:first-child),
.aaa dt:not(:first-child) {
   margin-top: 10px;
}

对于上面的 CSS，只有 dd 会匹配，第一个 dt 会应用 margin-top 属性。

我想我在这里使用 first-child 错了吗？

Answer 1

您应该使用 :first-of-type 伪类而不是 :first-child。

:first-child 指任何元素 是其父元素的第一个子元素，而 :first-of-type 表示其父项的所有子项中其类型的第一个元素。