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

我正在尝试匹配每个孩子，但不匹配第一个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错误？

最佳答案

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

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