Ultimi articoli pubblicati
1 1 1 1 1 1 1 1 1 1 (0 Votes)
 

inserita 21/04/2016 (Italia)
Playlist Youtube 2014
guide analizzate 11 su 48

Canale Youtube || Vai alle guide || Contenuti guide

 

#11 - Pseudo clases :nth-child() - Curso de CSS3 desde cero 

Contenuto guida: pseudo classi

  • colpire figli di un parente usando la loro posizione numerica
li:nth-child(2) { background: red; } 
  • fa esempio con una lista (elenco)
  • al posto del numero si può anche scrivere odd oppure even  (dispari o pari)
li:nth-child(odd) { background: red; } 
  • se si vuole iniziare a contare dall'ultimo figlio si usa ....last-child
li:nth-last-child(odd) { background: red; } 
  • h4 52 hjhk
p:nth-last-child(3n+0) { background: red; } 
  • anche con una formula finale - 3n+0 - qui voglio contare di 3 con indice (n) + a partire da.... insomma parte da zero (da sotto) passo 3