Selector universal

Parte de la sección Styling with CSS del Journey de HTML de Coddy — lección 15 de 76.

El selector universal es un selector potente en CSS que se aplica a todos los elementos HTML de una página. Se representa mediante un asterisco (*).

Cuando se utiliza, el selector universal aplica los estilos especificados a todos los elementos, independientemente de su tipo, clase o ID. Esto puede ser útil para establecer estilos globales o restablecer los estilos predeterminados en todo el documento.

Aquí tienes la sintaxis básica para usar el selector universal:

* {
    property: value;
}

Por ejemplo, supongamos que quieres establecer el color de texto y el tamaño de fuente predeterminados para todos los elementos de una página. Puedes usar el selector universal de esta manera:

* {
    color: black;
    font-size: 14px;
}

Desafío

Fácil

Se te proporciona un documento HTML con varios elementos, incluyendo encabezados (<h1>, <h2>), párrafos (<p>) y una división (<div>). Tu tarea es utilizar el selector universal para dar estilo a estos elementos. Sigue los pasos a continuación:

Escribe una regla CSS utilizando el selector universal que establezca el color de texto de todos los elementos a "darkgray" y el tamaño de fuente a "16px".

Hoja de referencia

El selector universal selecciona todos los elementos HTML de una página utilizando un asterisco (*):

* {
    property: value;
}

Ejemplo de configuración del color de texto y el tamaño de fuente globales:

* {
    color: black;
    font-size: 14px;
}

Pruébalo tú mismo

<html>
<head>
    <title>Universal Selector</title>
    <style>
        /* Write CSS rules here */
    </style>
</head>
<body>
    <h1>This is a main heading</h1>
    <h2>This is a subheading</h2>
    <p>This is a paragraph.</p>
    <div>This is a division.</div>
</body>
</html>