css selectors all child elements code example
Example 1: how to target all child elements css
.wrapper * {
color: blue;
margin: 0 100px; /* Only for demo */
}
.myTestClass > * {
color:red;
margin: 0 20px;
}
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; }