你所不了解的css选择器补充

div p和div>p的区别

1.div p选择 <div> 元素内部的所有 <p> 元素

2.div>p选择父元素为 <div> 元素的所有 <p> 元素。

举例：

<div>
<ul>
<li>111
<ul>
<li>
111
</li>
</ul>
</li>
</ul>
</div>

View Code
div ul会选择div中的所有ul

div ul{
list-style:none;
}

效果：



div>ul只会选择第一个ul

div > ul{
list-style:none;
}

效果：