23 pseudo selectors


#1


23 Pseudo Selectors


The grader fails to recognize that the 3rd paragraph is a size of 26px.


<!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">
            <p class="fancy">text</p>
        </h3>
        <p id="serious">words,,</p>
        <p>htmlheadlinktitlebodyh3p</p>
    </body>
</html>

__________________________________________________________________________

/*Add your CSS below!*/

.fancy {
    font-family:cursive;
    color:violet;
}

#serious {
    font-family:Courier;
    color:#8c8c8c;
}

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

I have tried changing the body: nth-child(4) to a (3), and that produces the desired behavior of increasing the text size, but when I follow the error message's recommendation and use (4) It still does not pass.

Help is appreciated!


#2

in exercise 21, you created the h3 heading and paragraph, the paragrah should have been after the heading

nesting headings inside paragraphs and vice versa is bad practice, and it spoils your count, preventing you from passing the exercise


#3

Interesting... I'll keep that mind.
Thanks a lot, that fixed it.