Html css中段落的伪类是'；行不通_Html_Css

Html css中段落的伪类是'；行不通

html css

Html css中段落的伪类是'；行不通,html,css,Html,Css,问题是：我正在codecademy.com上完成一项作业，内容如下：在CSS选项卡上：将第二段设置为字体系列Tahoma 将第三段设置为颜色#CC0000 将第四段设置为背景色#00FF00 设置第五段的字体大小为22px 这是我的html代码： <body> <div> <p>I'm the first child!</p> <p>We're not.</p>

问题是：

我正在codecademy.com上完成一项作业，内容如下：

在CSS选项卡上：

将第二段设置为字体系列Tahoma
将第三段设置为颜色#CC0000
将第四段设置为背景色#00FF00
设置第五段的字体大小为22px

这是我的html代码：

<body>
    <div>
        <p>I'm the first child!</p>
        <p>We're not.</p>
        <p>We're not.</p>
        <p>We're not.</p>
        <p>We're not.</p>
        <p>We're not.</p>
        <p>We're not.</p>           
    </div>
</body>

为什么只有第一个伪类对第一段有效，而其他伪类对其他段无效

请随时帮我解决我现在面临的这个问题

谢谢，还有来自荷兰的问候

此css伪类不存在。唯一存在的是第一个孩子

正确的例子是使用

此css伪类不存在。唯一存在的是第一个孩子

正确的例子是使用

此css伪类不存在。唯一存在的是第一个孩子

正确的例子是使用

此css伪类不存在。唯一存在的是第一个孩子

正确的例子是使用

这是因为代码中只存在

：第一个子元素，您应该使用CSS：第n个子元素（n）
选择器来选择其他元素：
：第n个子元素（n）
选择器匹配第n个子元素的每个元素，无论其父元素的类型如何
JSFiddle-
HTML:
<body>
    <div>
        <p>I'm the first child!</p>
        <p>We're not.</p>
        <p>We're not.</p>
        <p>We're not.</p>
        <p>We're not.</p>
        <p>We're not.</p>
        <p>We're not.</p>
    </div>
</body>

p:first-child {
    font-family: cursive;
}
p:nth-child(2) {
    font-family: Tahoma;
}
p:nth-child(3) {
    color: #CC0000;
}
p:nth-child(4) {
    background-color: #00FF00;
}
p:nth-child(5) {
    font-size: 22px
}

它是
<body>
    <div>
        <p>I'm the first child!</p>
        <p>We're not.</p>
        <p>We're not.</p>
        <p>We're not.</p>
        <p>We're not.</p>
        <p>We're not.</p>
        <p>We're not.</p>
    </div>
</body>

p:first-child {
    font-family: cursive;
}
p:nth-child(2) {
    font-family: Tahoma;
}
p:nth-child(3) {
    color: #CC0000;
}
p:nth-child(4) {
    background-color: #00FF00;
}
p:nth-child(5) {
    font-size: 22px
}