Css nth-child

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(1) { /*advantage is you can do it for 2nd, 3rd etc. */
	/* styles go here*/  
}

Select even child css

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

Css nth-child

/* Select the first list item */
li:nth-child(1) { }
/* Select odd list items */
li:nth-child(odd) { }
/* Select even list items */
li:nth-child(even) { }
/* Select each list item every 3 (3,6,9...) */
li:nth-child(3n) { }
/* Select each list item every 3 starting from the fourth (4,7,10...) */
li:nth-child(3n+1) { }

Similar codes

0 vote104 views2 answers
Link html to html stackoverflow
CSS
2 votes146 views1 answer
Vh vs vw css
CSS
0 vote143 views1 answer
Css align backround image to the right
CSS
22 votes152 views2 answers
Rgb white
CSS
4 votes173 views2 answers
Add background overlay over background image
CSS
44 votes284 views5 answers
Breakpoint bootstrap
CSS Bootstrap
42 votes146 views5 answers
Split text javascript
CSS
13 votes138 views3 answers
Centering css elements
CSS
9 votes149 views4 answers
Chmod recursive
CSS
18 votes151 views4 answers
Css font arial
CSS