“Nth Child CSS Tricks” Réponses codées

Nth Child CSS Tricks

Select Only the Fifth Element

li:nth-child(5) {
    color: green;   
}


Select All But The First Five

li:nth-child(n+6) {
    color: green;   
}


Select Only The First Five

li:nth-child(-n+5) {
    color: green;   
}


Select Every Fourth, Starting At The First

li:nth-child(4n-7) {  /* or 4n+1 */
    color: green;   
}




Select Only Odd or Even

li:nth-child(odd) {
    color: green;   
}

li:nth-child(even) {
    color: green;   
}


Select The Last Element

li:last-child {
    color: green;
}


Select the Second to Last Element

li:nth-last-child(2) {
    color: green;
}






Redwan Hussain

nth de type pour chaque 4 après le 1er

:nth-of-type(4n+1)
Confused Cockroach

Sélectionnez les 5 premiers enfants CSS

li:nth-child(-n+5) {
    color: green;   
}
Giamblers

Réponses similaires à “Nth Child CSS Tricks”

Questions similaires à “Nth Child CSS Tricks”

Plus de réponses similaires à “Nth Child CSS Tricks” dans CSS

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code