child of div css code example

Example 1: child css

p:nth-child(2)
 	{     
 		background: red;
 	}

Example 2: direct child css

selector>direct_child_element_seletor{
  rules;
}

Example 3: all child css

//Will select all li under ul
//<ul>
	<li>
		<ul>
			<li></li>
			<li></li>
		</ul>
	</li>
</ul>
Affected li = 4
ul li { margin: 0 0 5px 0; }

//Will only select the childer li of the ul
//<ul>
	<li>
		<ul>
			<li></li>
			<li></li>
		</ul>
	</li>
</ul>
Affected li = 1
ul > li { margin: 0 0 5px 0; }