Multiple nth 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

Select odd child css

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

How select two nt child with css

//Separate the classes with a comma ,

.ListTaskTime tbody tr >td:nth-child(3), 
.ListTaskTime tbody tr >td:nth-child(6),
.ListTaskTime tbody tr >td:nth-child(9) {
    /* Common Styles Goes Here, Styles will apply to child 3,6 and 9 */
}

Source: stackoverflow.com

Nth of type for every 4th after the 1st

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

Select first 5 child css

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

Multiple nth child css

100.00 grades

Similar codes

1 vote226 views1 answer
Background-color not showing grover pdf
CSS
0 vote261 views1 answer
Custom hr in css
CSS
0 vote226 views1 answer
Easyui datagrid header wrap
CSS
1 vote244 views1 answer
Remove boldness css
CSS
0 vote191 views1 answer
Css click through element
CSS
7 votes285 views3 answers
Css filter color
CSS
5 votes218 views1 answer
How to hange the color of your cursor in css
CSS
10 votes265 views5 answers
Css hr thickness
CSS
12 votes285 views2 answers
Css table alternating row color
CSS
0 vote246 views3 answers
Image slider html css
CSS