.li-inline >li {
。。。。
}
大于号是什么意思?
你就理解为快捷输入
选中.li-inline的最近一级的li 比如
<ul class='li-inline'> <li>因为我是.li-inline的最近一级的后代元素,所以我可以被选中</li> <li> <ul> <li>我虽然是.li-inline的后代元素,但我不是最近一级的,所以我不可以被选中</li> <li>我虽然是.li-inline的后代元素,但我不是最近一级的,所以我不可以被选中</li> </ul> </li> <li>因为我是.li-inline的最近一级的后代元素,所以我可以被选中</li> </ul>
CSS选择器中的“子元素选择器”,选中当前元素的第一代子元素;
例子:
<div class="one">
<div class="two">
<div class="three"></div>
</div>
</div>
.one>.two,选中类名为one下的第一代(>),类名为two的元素;