Selettore universale

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

Il selettore universale è un potente selettore in CSS che seleziona ogni elemento HTML di una pagina. È rappresentato da un asterisco (*).

Quando viene utilizzato, il selettore universale applica gli stili specificati a tutti gli elementi, indipendentemente dal tipo, dalla classe o dall'ID. Può essere utile per impostare stili globali o reimpostare gli stili predefiniti in tutto il documento.

Ecco la sintassi di base per usare il selettore universale:

* {
    property: value;
}

Per esempio, supponiamo che tu voglia impostare il colore del testo e la dimensione del carattere predefiniti per tutti gli elementi di una pagina. Puoi usare il selettore universale in questo modo:

* {
    color: black;
    font-size: 14px;
}

Sfida

Facile

Ti viene fornito un documento HTML con vari elementi, tra cui intestazioni (<h1>, <h2>), paragrafi (<p>) e una divisione (<div>). Il tuo compito è usare il selettore universale per applicare uno stile a questi elementi. Segui i passaggi seguenti:

Scrivi una regola CSS usando il selettore universale che imposti il colore del testo di tutti gli elementi su darkgray e la dimensione del carattere su 16 pixel.

Provalo tu

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