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

81 votes248 views3 answers
Css all uppercase to capitalize
CSS
7 votes174 views2 answers
Css font families
CSS
1 vote191 views3 answers
Console error
CSS
0 vote275 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
0 vote183 views1 answer
Ubuntu toggle always on top
CSS
1 vote184 views1 answer
Elementor is swiping
CSS
37 votes191 views3 answers
Css selector first level child
CSS
25 votes339 views8 answers
Background image with gradient css
CSS
10 votes255 views4 answers
Bootstrap badges Links
CSS Bootstrap
7 votes226 views2 answers
Sass mixin
CSS