Horje
nth-child in css Code Example
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
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*/  
}
css nth child 
:nth-child(3) { //the number is the child number you are targeting
	//styles here 
}
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) { }
nth-child in css 
:nth-child()



Css

Related
jquery or selector Code Example jquery or selector Code Example
css opacity transition Code Example css opacity transition Code Example
change height primeng progress spinner Code Example change height primeng progress spinner Code Example
attribute selectors css Code Example attribute selectors css Code Example
bootstrap accordion some change Code Example bootstrap accordion some change Code Example

Type:
 Code Example
Category:
 Coding
Sub Category:
 Code Example
Uploaded by:
 Admin
Views:
 8



 

Horje