/*
Select Only the Fifth Element
To select the first element, you can use :first-child, or I bet you can guess
how to alter the above to do it as well.
*/
li:nth-child(5) {
color: green;
}
/*
Select All But The First Five
If there were more than 10 elements here, it would select all of them beyond 5.
*/
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
Selects the 10th because we have 10 elements here, but if there was 8 it would
select the 8th, or if there were 1,290 it would select the 1,290th.
*/
li:last-child {
color: green;
}
/*
Select the Second to Last Element
Selects the 9th because we have 10 elements here, but if there were 30 elements
it would select the 29th.
*/
li:nth-last-child(2) {
color: green;
}