css how to select every child element code example
Example 1: css affect all child elements
div.class, div.class > * {
// CSS Property
}
Example 2: 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; }