Question

我正在从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>

和我输入的css：

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

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

Answer 1

您的问题是css格式不正确。每个语句必须以分号结尾，但括号后面不应有分号。像这样：

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

Answer 2

变化：

body :nth-child(4) {
font-size: 26px;
}

要：

p:nth-child(4) {
font-size: 26px;
}

此处有更多信息：http://www.w3schools.com/cssref/sel_nth-child.asp

Answer 3

你去吧

HTML

<body>
    <h3 class="fancy">heading</h3>
    <p class="fancy">yuvt q</p>
    <p id="serious">hdtrgggfdrr</p>
    <p id="one">jwiox</p>
</body>

CSS

.fancy{
    font-family:Cursive;
    color: violet;
}
#serious{
    font-family:Courier;
    color:#8c8c8c;
}
p:nth-child(4) {
    font-size: 26px;
}

好的，所以p：nth-child（4）会在你的代码中选择第4段而你也有错误的分号。 .test {background：＃000;}＆lt; - 在转移到下一行之前始终以分号结束。

CSS3：nth-child（）选择器不工作

3 个答案:

CSS3：nth-​​child（）选择器不工作

3 个答案:

CSS3：nth-child（）选择器不工作