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>