Horje
css nth-child Code Example
css odd even child 
tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}
Source: www.w3.org
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*/  
}
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) { }



Css

Related
multiple box shadows css Code Example multiple box shadows css Code Example
text color css Code Example text color css Code Example
remove double quotes from string kotlin Code Example remove double quotes from string kotlin Code Example
purgecss cli Code Example purgecss cli Code Example
cypress element css Code Example cypress element css Code Example

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



 

Horje