Click a selector: Fare clic su un selettore per vedere quali elementi vengono selezionati nel risultato:
.introduzione
#Cognome
.introduzione, #Cognome
h1
h1, pag
div pag
div > pag
ul + p
ul ~ tabella
*
p.mia citazione
[ID]
[id=il mio-indirizzo]
[id$=ess]
[id|=mio]
[id^=L]
[titolo~=bello]
[id*=s]
:controllato
:Disabilitato
:abilitato
:vuoto
:messa a fuoco
p: primo figlio
p::prima lettera
p::prima riga
p: primo del tipo
h1: passa il mouse
ingresso: nell'intervallo
input: fuori portata
input: non valido
input: valido
p:lang(it)
p: ultimo figlio
p: ultimo tipo
tr:nth-child(even)
tr:nth-child(dispari)
li:ennesimo-figlio(1)
li:ennesimo figlio(1)
li:ennesimo di tipo(2)
li:ennesimo-di-tipo(2)
b: figlio unico
h3: solo di tipo
:radice
Risultato:

<h1> Benvenuto nella mia home page </h1>

<div class="introduzione">

<p> Mi chiamo Paperino <span id="Lastname"> Papera. </span> </p>

<p id="my-Address"> Vivo a Paperopoli </p>

<p> Ho molti amici: </p>

</div>

<ul id="Elenco amici>
  • <li> Pippo </li>
  • <li> Topolino </li>
  • <li> Margherita </li>
  • <li> Plutone </li>
</ul>

    <p class="myquote"> Tutti i miei amici sono fantastici! <br>
    Ma mi piace molto Daisy!! </p>

    <p lang="it" title="Ciao bella"> Ciao bella </p>

    <h3> Siamo tutti animali! </h3>

    <p> <b> Le mie ultime scoperte mi hanno portato a credere che siamo tutti animali: </b> </p>

    <tabella>
      Nome Tipo di animale
      Topolino Topo
      Pippo Cane
      Margherita Anatra
      Plutone Cane
      </tabella>

      Fare clic sui selettori CSS e vedere gli elementi specificati selezionati. © w3schools.com