.class |
.intro |
Seleziona tutti gli elementi con class="intro" |
1 |
#id |
#firstname |
Seleziona tutti gli elementi con id="firstname" |
1 |
* |
* |
Seleziona tutti gli elementi |
2 |
element |
p |
Seleziona tutti gli elementi <p> |
1 |
element,element |
div, p |
Seleziona tutti gli elementi <div> e tutti gli elementi <p> |
1 |
element element |
div p |
Seleziona tutti gli elementi <p> che sono dentro elementi <div> |
1 |
element>element |
div > p |
Seleziona tutti gli elementi <p> qundo il parent è un elemento <div> |
2 |
element+element |
div + p |
Seleziona tutti gli elementi <p> che sono posto immediatamente dopo un elemento <div> |
2 |
element1~element2 |
p ~ ul |
Seleziona ogni elemento <ul> preceduto da un elemento <p> |
3 |
[attribute] |
[target] |
Seleziona tutti gli elementi con un attributo target |
2 |
[attribute=value] |
[target=_blank] |
Seleziona tutti gli elementi con target="_blank" |
2 |
[attribute~=value] |
[title~=flower] |
Seleziona tutti gli elementi con un attributo title che contiene la parola "flower" |
2 |
[attribute|=value] |
[lang|=en] |
Seleziona tutti gli elementi con un attributo lang che inizia con "en" |
2 |
[attribute^=value] |
a[href^="https"] |
Seleziona ogni elemento <a> il cui attributo href inizia con "https" |
3 |
[attribute$=value] |
a[href$=".pdf"] |
Seleziona ogni elemento <a> il cui attributo href finisce con ".pdf" |
3 |
[attribute*=value] |
a[href*="w3schools"] |
Seleziona ogni elemento <a> il cui attributo href contiene "w3schools" |
3 |
:active |
a:active |
Selezione il link attivo |
1 |
::after |
p::after |
Inserire qualcosa dopo il contenuto di ogni elemento <p> |
2 |
::before |
p::before |
Inserire qualcosa prima del contenuto di ogni elemento <p> |
2 |
:checked |
input:checked |
Seleziona ogni elemento <input> con attributo checked |
3 |
:disabled |
input:disabled |
Seleziona ogni elemento <input> con attributo disabled |
3 |
:empty |
p:empty |
Seleziona ogni elemento <p> che non ha figli (inclusi i nodi di testo) |
3 |
:enabled |
input:enabled |
Seleziona ogni elemento <input> non disabilitato |
3 |
:first-child |
p:first-child |
Seleziona ogni elemento <p> che è il primo figlio del suo parent |
2 |
::first-letter |
p::first-letter |
Seleziona la prima lettera di ogni elemento <p> |
1 |
::first-line |
p::first-line |
Seleziona la prima linea di ogni elemento <p> |
1 |
:first-of-type |
p:first-of-type |
Seleziona ogni elemento <p> che è il primo elemento <p> del suo genitore |
3 |
:focus |
input:focus |
Seleziona l'elemento <input> che ha il focus |
2 |
:hover |
a:hover |
Definisce l'aspetto di tutti gli elementi a quando il cursore del mouse passa loro sopra. |
1 |
:invalid |
input:invalid |
Seleziona ogni elemento <input> con un valore non valido |
3 |
:lang(language) |
p:lang(it) |
Seleziona ogni elemento <p> con un attributo lang uguale a "it" |
2 |
:last-child |
p:last-child |
Seleziona ogni elemento <p> che è l'ultimo figlio del suo parent |
3 |
:last-of-type |
p:last-of-type |
Seleziona ogni elemento <p> che è l'ultimo elemento <p> del suo genitore |
3 |
:link |
a:link |
Seleziona i link non visitati |
1 |
:not(selector) |
:not(p) |
Seleziona ogni elemento che non è un <p> elemento |
3 |
:nth-child(n) |
p:nth-child(2) |
Seleziona ogni elemento <p> che è il secondo figlio del suo genitore |
3 |
:nth-last-child(n) |
p:nth-last-child(2) |
Seleziona ogni elemento <p> che è il secondo figlio del suo genitore, cominciando a contare dall'ultimo |
3 |
:nth-last-of-type(n) |
p:nth-last-of-type(2) |
Seleziona ogni elemento <p> che è il secondo elemento <p> del suo genitore, cominciando a contare dall'ultimo |
3 |
:nth-of-type(n) |
p:nth-of-type(2) |
Seleziona ogni elemento <p> che è il secondo elemento <p> del suo genitore |
3 |
:only-of-type |
p:only-of-type |
Seleziona ogni elemento <p> che è l'unico elemento <p> del suo genitore |
3 |
:only-child |
p:only-child |
Seleziona ogni elemento <p> che è l'unico elemento del suo genitore |
3 |
:optional |
input:optional |
Seleziona ogni elemento <input> che non ha l'attributo "required" |
3 |
:out-of-range |
input:out-of-range |
Seleziona ogni elemento <input> con un valore fuori dal fage specificato |
3 |
:read-only |
input:read-only |
Seleziona ogni elemento <input> con l'attributo "readonly" |
3 |
:read-write |
input:read-write |
Seleziona ogni elemento <input> con l'attributo "readonly" NON specificato |
3 |
:required |
input:required |
Seleziona ogni elemento <input> che ha l'attributo "required" |
3 |
:root |
:root |
Seleziona elemento radice del documento |
3 |
::selection |
::selection |
Parte della pagina selezionata dall'utente |
|
:valid |
input:valid |
Seleziona tutti gli elementi <input> con un valore valido |
3 |
:visited |
a:visited |
Seleziona tutti i link visitati |
1 |