Selettori CSS

Selettore multiplo

Il selettore multiplo permette di attribuire regole CSS a più tag html contemporaneamente.
La lista dei tag è separata da virgola: p, h1, h3 { ... }

Selettore gerarchico

Il selettore gerarchico permette di attribuire regole CSS ad alcuni tag html inclusi in altri tag.
Il selettore è formato dal tag padre seguito da uno spazio e dal tag figlio: TAG_PARENT TAG_CHILD { ... } -> ES: p sapn { ... }

Selettore classe

Il selettore di classe permette di attribuire regole CSS ad una classe di tag html (anche diversi tra loro).
Dobbiamo etichettare ogni tag html con l'attributo class="nome_classe".
Poi nel CSS, utilizzerò il selettore .nome_classe{ ... }
Posso attribuire più classi ad un singolo elemento html separate da spazio: class="classe1 classe 2 classe3"

Selettore ID

Il selettore di ID permette di attribuire le regole CSS ad un elemento specifico all'interno della pagina.
Dobbiamo etichettare l'elemento con l'attributo id="nome_id".
Poi nel CSS utilizzerò il selettore #nome_id{ ... }
In una pagina posso avere 1 solo elemento etichettato con un ID specifico.