你所不了解的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>

div ul会选择div中的所有ul

div ul{
list-style:none;
}

效果:

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

div>ul只会选择第一个ul

div > ul{
list-style:none;
}

效果:

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

上一篇:java核心技术卷上学习笔记


下一篇:【CSS】使用CSS选择器