scss all child elements code example

Example 1: css affect all child elements

div.class, div.class > * {
    // CSS Property
}

Example 2: css all children of type

/* Affects all a inside the #nav element: */
#nav a{
  color: black;
}

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