: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}

演示小提琴

:first-of-type CSS伪类在其父元素的子元素列表中表示其类型的第一个兄弟.

航班吗

:first-child CSS伪类表示作为其父元素的第一个子元素的任何元素.

在你的情况下,first-child不会工作,因为第一个dd是不是第一个孩子的dl