Second child css

Css first child

:first-child {
	//styles here
}

:nth-child(1) { //the benefit of this is you can do it for 2nd, 3rd etc...
	//styles here 
}

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

Second child css

.YourElementsClass:nth-child(2) {
  /* your styles */
}

Select even child css

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

Similar codes

38 votes182 views5 answers
Roboto
CSS
0 vote180 views1 answer
Css ul shifts
CSS
1 vote165 views1 answer
Cards design html css
CSS
5 votes140 views1 answer
Vertical align items in div
CSS
2 votes181 views2 answers
Css glow on hover
CSS
65 votes185 views3 answers
Css set variable
CSS
0 vote190 views1 answer
Profile page html css template
CSS
18 votes166 views4 answers
Css font arial
CSS
20 votes177 views2 answers
Div circle
CSS
47 votes185 views6 answers
Css center text in div
CSS