子选择器和包含选择器的区别

E F：包含选择器，选择E中所有的F标签，包括儿子，孙子，孙子的孙子都会被选中。

E>F：子选择器，只能选中E元素的子元素，不能选中E元素的孙元素

style>
        /* 包含选择符(E F) */
        .demo div { border:1px solid #f00; }    可以选中id为a b c d的div元素
        /* 子选择符(E>F) */
        .demo > div { border:1px solid #f00; }   只能选中id为a的div不能选中b c d元素
</style>
<div class="demo">
        <div id=“a”>0
                <div id=“b” >1</div>
                <div id=“c” >2</div>
                <div id=“d” >3</div>
        </div>
</div>