Breaking News
Home / CSS / CSS :nth-child() Selector – Useful :nth-child Recipes

CSS :nth-child() Selector – Useful :nth-child Recipes

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 Only The First Five

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;
}

Hits: 24

Leave a Reply