您现在的位置:首页 >> 前端 >> 内容

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

时间:2017/3/2 10:00:00 点击:

  核心提示:子选择器和包含选择器的区别。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>


 

作者:网络 来源:happyYYhy的