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

Child css

  p:nth-child(2)
 	{     
 		background: red;
 	}

Css nth child

:nth-child(3) { //the number is the child number you are targeting
	//styles here 
}

Select even child css

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

Similar codes

9 votes150 views1 answer
Perfect full page background image
CSS
0 vote157 views1 answer
How to horizontally center header at the top of page with flexbox css
CSS
322 votes328 views6 answers
Font awesome cdn link
CSS
190 votes310 views6 answers
How to use css in html
CSS
4 votes151 views3 answers
Zoom in and out iconhtml css
CSS
0 vote153 views1 answer
Add border to the array
CSS
-1 vote189 views2 answers
Insert image by css
CSS
6 votes156 views3 answers
Position absolute horizontally center
CSS
-1 vote112 views1 answer
Html sticky
CSS
94 votes151 views2 answers
How bold text in css
CSS