Select even child css

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

Source: developer.mozilla.org

Css odd even child

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}

Source: w3.org

Select even child css

li:nth-child(even) { /* Selects only even elements */
    color: green;   
}

Select odd child css

li:nth-child(odd) { /* Selects only odd elements */
    color: green;   
}

Similar codes

6 votes339 views3 answers
Inner box shadow
CSS
3 votes330 views3 answers
Horizontal scroll
CSS
0 vote336 views1 answer
Allvarliga symtom på järnbrist
CSS
10 votes377 views2 answers
Make image darker in css
CSS
0 vote389 views1 answer
Move scrollbar on element to right side
CSS
0 vote322 views1 answer
List style type none still leaves room for bullet
CSS
0 vote365 views1 answer
Increase the distance between paragraphs css
CSS
0 vote345 views1 answer
Jquery hide scrollbar but allow scrolling
CSS
0 vote354 views2 answers
Woocommerce align add to cart buttons css
CSS
25 votes337 views4 answers
Remove outline
CSS