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 vote231 views1 answer
Bot page description background selector top.gg
CSS
0 vote196 views1 answer
Low opacity whit out toching child nods
CSS
0 vote201 views1 answer
Tipografias family style para css y html
CSS
0 vote209 views1 answer
Css battle 54 char
CSS
30 votes205 views6 answers
Background image with gradient css
CSS
17 votes212 views1 answer
Yarn start not working on windows because scripts disabled
CSS
1 vote192 views1 answer
Convert string to uppercase while typing
CSS
3 votes198 views5 answers
Css keep aspect ratio image
CSS
50 votes190 views4 answers
Label css
CSS
3 votes204 views3 answers
Horizontal scroll
CSS