详解X>Y选择器

记住，叫子选择器，能简单地理解匹配X的子元素，而是X下的直接子元素。

<div>
<ul>
<li>john</li>
<span><li> suming</li></span>
<li>karl</li>
<li>brandon</li>
</ul>
</div>
<div><ul>
        <li>sam</li>
        </ul></div>
<div><ul>
        <li>geln</li>
        <li>tane</li>
        <li>ralph</li>
        <li>david</li>
        </ul></div>

html代码如上，现在style为

ul>li{color:red}

    suming这个字符串不会变为红色，原因是不是ul的直接子级