CodePen Embed - nth-child-2

<!DOCTYPE html>   
<html>   
    <head>   
        <title>CSS :nth-child Selector</title>   
        <style>    
            p:nth-child(even) {   
              background: yellow;   
              color: black;   
              font-size:30px;  
            }   
              p:nth-child(odd) {   
              background: blue;   
              color: white;   
              font-size:20px;  
            </style>   
    </head>   
    <body style = "text-align:center">   
        <h1>   
            Halo Dunia 
        </h1>   
        <h2>   
            Selamat datang di Mbah WP 
        </h2>   
        
        <p>Odd (Ganjil)</p>   
        <p>Even (Genap)</p>   
        <p>Odd (Ganjil)</p>   
        <p>Even (Genap)</p>   
        <p>Odd (Ganjil)</p>   
         
    </body>   
</html>

This Pen is owned by Herbert on CodePen.

See more by @hervansin on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.