核心提示:子选择器和包含选择器的区别。E F:包含选择器,选择E中所有的F标签,包括儿子,孙子,孙子的孙子都会被选中。EF:子选择器,只能选中E元素的子元素,不能选中E元素的孙元素style/* 包含选择符(E...
       子选择器和包含选择器的区别。
E F:包含选择器,选择E中所有的F标签,包括儿子,孙子,孙子的孙子都会被选中。E>F:子选择器,只能选中E元素的子元素,不能选中E元素的孙元素
style>
        /* 包含选择符(E F) */
        .demo p { border:1px solid #f00; }    可以选中id为a b c d的p元素
        /* 子选择符(E>F) */
        .demo > p { border:1px solid #f00; }   只能选中id为a的p不能选中b c d元素
</style>
<p class="demo">
        <p id=“a”>0
                <p id=“b” >1</p>
                <p id=“c” >2</p>
                <p id=“d” >3</p>
        </p>
</p>



 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                 
            
                