ul li 中选择的是 ul 这个标签下所有的 li 元素
ul > li 选择的是 ul 下的 li 元素,但这里的 li 只是 ul下一代的li 元素,就是 只选择一代
比如:ul > li
不选li 的li
而ul li 是只要你是ul 里的 li 全选
<ul>
<li>
<ol>
<li>1</li>
</ol>
</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
加个样式:
ul li{
background-color: blueviolet;
width: 50px;
height: 50px;
border:1px solid black;
}
ul > li{
background-color:chartreuse;
}
结果就是ul 里的大孩子li 都是绿的,ul 的 li 的 li 是紫的(因为ul > li 选不到但ul li 可以选到)