ANDREA BACCOLINI
Web designer

CSS Design Award nominated

Archivio categoria "CSS3 / :nth-child" - 1 articoli

COME FUNZIONA LO PSEUDO-SELETTORE NTH-CHILD

Autore: Andrea Baccolini

Giu
25
2014
CSS 3

Traduzione dell’articolo “How nth-child Works” del blog “CSS TRICKS.

 
C’è un selettore CSS, ovvero un pseudo-selettore, denominato nth-child. Ecco un esempio di utilizzo:

ul li:nth-child(3n+3) {  
  color: #ccc;
}

Quello che fa il CSS di cui sopra, è selezionare ogni terzo elemento dell’elenco all’interno di liste non ordinate. Cioè, il 3 °, 6 °, 9 °, 12 °, ecc Ma come funziona? E quali altri tipi di cose ci si può fare con nth-child? Diamo uno sguardo.

Continua a leggere »

Andrea Baccolini | Web designer Copyright 2012 - 2024 © Responsive design - Seguimi su Facebook - CF:BCCNDR76P08D325K.