Desafío de selección

Parte de la sección Styling with 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, incluyendo 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 dar estilo a estos elementos. Sigue los pasos a continuación:

Escribe una regla CSS utilizando un selector de tipo que apunte a todos los elementos <p>. Establece el color de texto a blue y el tamaño de fuente a 16 píxeles.
Agrega un atributo class con el valor "highlight" al elemento <h2> y al elemento <div>.
Escribe una regla CSS utilizando un selector de clase que apunte a todos los elementos con la clase "highlight". Establece el color de fondo a yellow.
Agrega un atributo id con el valor "special" al elemento <ul>.
Escribe una regla CSS utilizando un selector de ID que apunte al elemento con el ID "special". Establece el color de fondo a lightgray y el tamaño de fuente a 20 píxeles.
Escribe una regla CSS utilizando un selector de grupo que apunte a todos los elementos <h1> y <li>. Establece el color de texto a red.

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>