nth child selector in CSS (example 1)

by danielkwood

HTML

<html>
    <head>
        <title>The nth-child selector</title>
        <link rel="stylesheet" href="theme.css" type="text/css"/>
    </head>
    <body>
        <div class="content">
            <p>The quick brown fox jumps over the lazy dog.</p>
            <p>The quick brown fox jumps over the lazy dog.</p>
            <p>The quick brown fox jumps over the lazy dog.</p>
            <p>The quick brown fox jumps over the lazy dog.</p>
            <p>The quick brown fox jumps over the lazy dog.</p>
            <p>The quick brown fox jumps over the lazy dog.</p>
            <p>The quick brown fox jumps over the lazy dog.</p>
            <p>The quick brown fox jumps over the lazy dog.</p>
        </div>
    </body>
</html>

CSS

.content p:nth-child(5){
  color:red;
}