CSS3:nth-​​child()选择器不工作

0 html css

我正在从codecademy学习HTML和CSS.我编码的练习:

<body>
    <h3 class="fancy">heading</h3>
    <p class="fancy">yuvt q</p>
    <p id="serious">hdtrgggfdrr</p>
    <p id="one">jwiox</p>
</body>
Run Code Online (Sandbox Code Playgroud)

和我输入的css:

.fancy{
font-family:Cursive;
color: violet
};
#serious{
font-family:Courier;
color:#8c8c8c
};
body :nth-child(4) {
font-size: 26px;
}
Run Code Online (Sandbox Code Playgroud)

在这里,我想制作尺寸为26px的第三段,这是第四个孩子.但代码不起作用.我已经在codecademy论坛上讨论了很多,但它仍然没有任何建议.

mpa*_*sch 5

您的问题是在CSS上格式不正确.每个语句必须以分号结尾,但括号后面不应有分号.像这样:

.fancy{
    font-family:Cursive;
    color: violet;
}
#serious{
    font-family:Courier;
    color:#8c8c8c;
}
body :nth-child(4) {
    font-size: 26px;
}
Run Code Online (Sandbox Code Playgroud)