Selettori universali
Lezione 6 di 15 del corso Selettori CSS di Coddy.
Il selettore universale è un tipo speciale di selettore CSS che seleziona tutti gli elementi di una pagina web. È rappresentato da un asterisco (*).
Ad esempio, il selettore * seleziona tutti gli elementi della pagina.
Ecco un esempio di come usare un selettore universale per applicare uno stile a una pagina web:
* {
color: red;
font-size: 2em;
}Questa regola CSS applicherà a tutti gli elementi della pagina il colore rosso e una dimensione del carattere di 2em.
Quando usare i selettori universali?
Puoi usare i selettori universali quando vuoi applicare uno stile a tutti gli elementi di una pagina web. Ad esempio, potresti usare un selettore universale per impostare la dimensione del carattere di tutti gli elementi della pagina su 16px.
Puoi usare i selettori universali anche per applicare uno stile agli elementi a cui non è stato assegnato nessun altro selettore. Ad esempio, se hai una pagina web con molti elementi div, ma non hai assegnato a nessuno di essi attributi class o ID, potresti usare un selettore universale per applicare uno stile a tutti gli elementi div.
Sfida
Facile- Crea una pagina web con due elementi
div. - Non assegnare attributi class o ID ad alcuno degli elementi
div. - Usa un selettore universale per assegnare a tutti gli elementi
divil colore rosso e una dimensione del carattere di 80px.
Provalo tu
<html>
<head>
<title>Universal Selector Exercise</title>
<style>
/* CSS Code goes here */
</style>
</head>
<body>
</body>
</html>
Tutte le lezioni di Selettori CSS
Esercitati da solo: Playground Web