css all child code example
Example 1: direct child css
selector>direct_child_element_seletor{
rules;
}
Example 2: how to target all child elements css
.wrapper * {
color: blue;
margin: 0 100px;
}
.myTestClass > * {
color:red;
margin: 0 20px;
}
Example 3: css affect all child elements
div.class, div.class > * {
// CSS Property
}
Example 4: css all children of type
#nav a{
color: black;
}
Example 5: 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; }