Desafío de selección

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

Desafío

Fácil

Se te proporciona un documento HTML con varios elementos, incluidos encabezados (<h1>, <h2>), párrafos (<p>), una división (<div>) y una lista desordenada (<ul>) con elementos de lista (<li>). Tu tarea es utilizar diferentes tipos de selectores para aplicar estilos a estos elementos. Sigue los pasos que se indican a continuación:

Escribe una regla CSS utilizando un selector de tipo que seleccione todos los elementos <p>. Establece el color del texto en azul y el tamaño de fuente en 16 píxeles.
Añade un atributo class con el valor "highlight" al elemento <h2> y al elemento <div>.
Escribe una regla CSS utilizando un selector de clase que seleccione todos los elementos con la clase "highlight". Establece el color de fondo en amarillo.
Añade un atributo id con el valor "special" al elemento <ul>.
Escribe una regla CSS utilizando un selector de ID que seleccione el elemento con el ID "special". Establece el color de fondo en lightgray y el tamaño de fuente en 20 píxeles.
Escribe una regla CSS utilizando un selector de grupo que seleccione todos los elementos <h1> y <li>. Establece el color del texto en rojo.

Pruébalo tú mismo

<html>
<head>
    <title>Selection Challenge</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>
    <p>This is another paragraph.</p>
    <div>This is a division.</div>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
</body>
</html>