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

0 vote109 views1 answer
Ms-grid- error css
CSS
3 votes101 views1 answer
Install expo vector icons
CSS
0 vote119 views1 answer
Numpy not installling
CSS
2 votes111 views1 answer
Css rounded corners at top only
CSS
0 vote102 views2 answers
Chmod: changing permissions of '/opt/lampp': Operation not permitted
CSS
0 vote114 views1 answer
Odoo search
CSS
0 vote123 views1 answer
Freeze input text css
CSS
37 votes166 views1 answer
Css placeholder font size
CSS
72 votes101 views6 answers
Absolute position center
CSS
19 votes104 views3 answers
Keyframes
CSS