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

div p和div>p的区别

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

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

举例：

 1 <div>
 2                 <ul>
 3                     <li>111
 4                         <ul>
 5                             <li>
 6                                111
 7                             </li>
 8                         </ul>
 9                     </li>
10                 </ul>
11             </div>

View Code

div ul会选择div中的所有ul

div ul{
            list-style:none;
        }

效果：

div>ul只会选择第一个ul

div > ul{
            list-style:none;
        }

效果：

转载于:https://www.cnblogs.com/wang-jun/p/4829724.html