Sfida sui selettori

Fa parte della sezione Stilizzare con CSS del percorso HTML di Coddy. Lezione 16 di 76.

Sfida

Facile

Ti viene fornito un documento HTML con vari elementi, tra cui intestazioni (<h1>, <h2>), paragrafi (<p>), una divisione (<div>) e un elenco non ordinato (<ul>) con elementi dell’elenco (<li>). Il tuo compito è usare diversi tipi di selettori per applicare uno stile a questi elementi. Segui i passaggi seguenti:

Scrivi una regola CSS usando un selettore di tipo che selezioni tutti gli elementi <p>. Imposta il colore del testo su blu e la dimensione del carattere su 16 pixel.
Aggiungi un attributo class con il valore "highlight" all’elemento <h2> e all’elemento <div>.
Scrivi una regola CSS usando un selettore di classe che selezioni tutti gli elementi con la classe "highlight". Imposta il colore di sfondo su giallo.
Aggiungi un attributo id con il valore "special" all’elemento <ul>.
Scrivi una regola CSS usando un selettore ID che selezioni l’elemento con l’ID "special". Imposta il colore di sfondo su grigio chiaro e la dimensione del carattere su 20 pixel.
Scrivi una regola CSS usando un selettore di gruppo che selezioni tutti gli elementi <h1> e <li>. Imposta il colore del testo su rosso.

Provalo tu

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