Answers for "how to target child element css"

child css

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

how to target all child elements css

.wrapper * {
    color: blue;
    margin: 0 100px; /* Only for demo */
}
.myTestClass > * {
    color:red;
    margin: 0 20px;
}

css apply style to direct children

/*
Use the ">" selector to apply css to direct children of a parent element.
example: https://jsfiddle.net/dbeachnau/54w6x0pj/2/
*/

.parent > .child { color:red; }

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; }