Saltar la navegación

3.4.4.- Selector hijo.

Es parecido al anterior, pero solo afecta al primer nivel de anidamiento.

Ejemplo

<!DOCTYPE html>
<html>
    <head>
        <meta charset='UTF-8'>
        <title>Selector hijo</title>
        <style>
            section > p {color:red}
        </style>
    </head>
    <body>
        <p>Párrafo incicial</p>
        <section>
            <p>Párrafo hijo de sección</p>
            <article>
                <p>Párrafo nieto de sección</p>
            </article>
        </section>
    </body>
</html>


Se vería así:

Ilustración de cómo se visualiza en un navegador web el ejemplo HTML.
Materiales educativos de la CAM (Uso educativo NC)