CSS3:第n个孩子不工作

时间:2015-11-11 22:34:44

标签: html5 css3

我的html无法正常工作。我需要让第三段的字体大小为26px。即使我认为我放了第4个孩子代码学院一直说我没有给它一个字体大小26并且它是未定义

enter code here

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Result</title>
    </head>
    <body>
        <h3 class="fancy">Hello<h3>
            <p class="fancy">Hello2</p>
            <p id="serious">hello3</p>
            <p>Hello4</p>
    </body>
 </html>
.fancy{
    font-family:Cursive;
    color: violet;
}
#serious{
    font-family:Courier;
    color:#8c8c8c;
}
p:nth-child(4) {
    font-size: 26px;
}

1 个答案:

答案 0 :(得分:2)

您需要关闭h3代码: </h3>

<h3 class="fancy">Hello</h3>
<p class="fancy">Hello2</p>
<p id="serious">hello3</p>
<p>Hello4</p>

https://jsfiddle.net/L4vcLqh9/