23. Pseudo Selectors


#1


23. Pseudo Selectors


My code works and the third paragraph changes accordingly. However I still get the error message: Oops, try again. Did you use 'nth-child' to target your third paragraph?. I tried refreshing the page, resetting the code and also CTRL+0 but somehow it won´t continue.


My HTML
<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Result</title>
    </head>
    <body>
        <!--Add your HTML below!-->
        <h3 class="fancy">Hi there</h3>
        <p class="fancy">Im so fancy</p>
        <p id="serious">... but oh so sincere</p>
        <p>but a child</p>
    </body>
</html>

My CSS

/*Add your CSS below!*/
.fancy{
    font-family: cursive;
    color: violet;
}
#serious{
    font-family: Courier;
    color: #8C8C8C;
}
body :nth-Child(4) {
    font-size: 26px;
}


#2
have a close look

body :nth-Child(4) // 'c' should be small


#3

Thank you! That was it.


#4