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

18 votes122 views4 answers
Grayscale css
CSS
35 votes130 views2 answers
How to blur background color in css
CSS
36 votes126 views5 answers
Text-color gradient css
CSS
0 vote125 views1 answer
Css conver innertext to html using css
CSS
0 vote128 views1 answer
Css ninja
CSS
0 vote156 views1 answer
Line not breaking css
CSS
0 vote169 views1 answer
Print zend db select query to string
CSS
2 votes126 views2 answers
Mongoose populate selected fields
CSS
0 vote181 views3 answers
Bootstrap grid only css npm install
CSS Bootstrap
116 votes133 views6 answers
How to hide the scrollbar in css
CSS