Selector universal

Parte de la sección Estilos con CSS del Journey de HTML de Coddy. Lección 15 de 76.

El selector universal es un selector potente en CSS que selecciona cada elemento 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.

Esta es 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, incluidos encabezados (<h1>, <h2>), párrafos (<p>) y una división (<div>). Tu tarea es usar el selector universal para aplicar estilos a estos elementos. Sigue los pasos a continuación:

Escribe una regla de CSS usando el selector universal que establezca el color del texto de todos los elementos en darkgray y el tamaño de fuente en 16 píxeles.

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>