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

效果：