1. 程式人生 > >子選擇器和包含選擇器的區別

子選擇器和包含選擇器的區別

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>