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 apunta a todos los elementos HTML de una página. Se representa con un asterisco (*).

Cuando se usa, el selector universal aplica los estilos especificados a todos los elementos, independientemente de su tipo, clase o ID. Los navegadores aplican sus propios estilos predeterminados antes que los tuyos (por ejemplo, márgenes alrededor de los encabezados y los párrafos, y relleno en las listas), por lo que el selector universal resulta útil para establecer estilos globales o restablecer esos estilos predeterminados del navegador en todo el documento.

Esta es la sintaxis básica para usar el selector universal:

* {
    property: value;
}

Por ejemplo, digamos 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 así:

* {
    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>