：first-child伪不适用

Question

我想将一些样式应用于<dl>的第一个孩子。我的意思是说应该应用于第一个<dd>。但是，如果我删除了<dt></dt>中的<dl>。

<dl>
    <dt>Test</dt>
    <dd>One</dd>
    <dd>Two</dd>
    <dd>Three</dd>
    <dd>Four</dd>
    <dd>Five</dd>
</dl>

CSS：

dl dd:first-child{border:1px solid red}

Answer 1

改为使用first-of-type：

dl dd:first-of-type{border:1px solid red}

Demo Fiddle

---

推理......

first-of-type

  

：第一个类型的CSS伪类代表的第一个兄弟   在其父元素的子元素列表中的类型。

-vs -

first-child

  

：first-child CSS伪类代表任何元素   父母的第一个子元素。

在您的情况下，first-child无效，因为第一个dd不是dl的第一个孩子