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

效果：

div>ul只会选择第一个ul

div > ul{
            list-style:none;
        }

效果：