比如下面这段代码: 选择器:.aa .bb .aa和.bb间加上空格,是子选择器,选择.aa下含有.bb的子节点,子包括儿子节点、孙子节点,选择出的内容包括p.bb,span.bb;选择器: .aa.bb .aa和.bb间无空格,是选择同一个元素,只不过选择器粒度更精细了些,选择的元素既有.aa类,也有.bb...
CSS样式名之间空格,无空格和大于号的区别
比如下面这段代码:
<div class="aa bb"> <p class="bb"> <span class="bb"></span> </p></div>选择器:.aa .bb
.aa和.bb间加上空格,是子选择器,选择.aa下含有.bb的子节点,子包括儿子节点、孙子节点,选择出的内容包括p.bb,span.bb;
选择器: .aa.bb
.aa和.bb间无空格,是选择同一个元素,只不过选择器粒度更精细了些,选择的元素既有.aa类,也有.bb类,选择出的内容为:div.bb
选择器:.aa>.bb
.aa和.bb间加上大于号,也是子选择器,选择.aa下含有.bb的子节点,子只包括儿子节点,选择出的内容为p.bb
2018-12-14