Appendice

Selettori

SELETTORE UNIVERSALE

Applicato a qualsiasi elemento.

* {}

SELETTORE DI TAG

Applicato al tag.

p {}

strong,
em {}

SELETTORE DI CLASSE

Applicato agli elementi con la classe specifica.

.one {}

p.two {}

SELETTORE DI ID

Applicato all’elemento con l’id specificata.

#content {}

section#main-blog {}

SELETTORE MULTIPLO

Applicato all’elemento con l’id e/o la classe specificata.

#test.one {}

.button.red {}

SELETTORE FIGLIO

Applicato al primo elemento figlio.

li > a {}

SELETTORE DISCENDENTE

Applicato a tutti gli elementi figli.

div p {}

SELETTORE GENERICO DI ADIACENZA

Applicato all’elemento prossimo, non per forza consecutivo.

h1 ~ p {}

SELETTORE DI ADIACENZA

Applicato all’elemento prossimo.

h1 + p {}

SELETTORE DI STATO

Applicato quando un elemento modifica il proprio stato.

:link {}
:hover {}
:focus {}
:visited {}
:active {}

SELETTORE DI LETTERA

Applicato alla prima lettera di un paragrafo.

p:first-letter {}

SELETTORE DI RIGA

Applicato alla prima riga di un paragrafo.

p:first-line {}

SELETTORE FIGLIO (PRIMO/ULTIMO)

Applicato all’elemento figlio (primo/ultimo).

:first-child {}
:last-child {}

SELETTORE FIGLIO ENNESIMO

Applicato all’elemento figlio ennesimo.

:nth-child(n) {}

SELETTORE DI ATTRIBUTO

Applicato a tutti gli elementi che corrispondono con l’attributo.

a[target] {}

p[lang=″it″] {}

SELETTORE DI NEGAZIONE

Applicato a tutti gli elementi che non corrispondono al selettore.

p:not(.heading) {}

PSEUDO ELEMENTI

Applicato agli pseudo elementi prima e dopo.

:before {}
:after {}