odd even child css code example
Example 1: css odd even child
tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}
Example 2: nth-child() css
/* Selects the second <li> element in a list */
li:nth-child(2) {
color: lime;
}
/* Selects every fourth element
among any group of siblings */
:nth-child(4n) {
color: lime;
}
Example 3: css nth child
:nth-child(1) { /*advantage is you can do it for 2nd, 3rd etc. */
/* styles go here*/
}
Example 4: select even child css
li:nth-child(even) { /* Selects only even elements */
color: green;
}
Example 5: select odd child css
li:nth-child(odd) { /* Selects only odd elements */
color: green;
}