css 中两个class之间没有空格与有空格 以及 “>”符号 有什么区别

https://www.v2ex.com/t/86048

第一个匹配: <div class="ul item"></div>;无法匹配:<div class="ul"></div> 和 <div class="item"></div>;

第二个匹配:<div class= "ul"><div class="item"></div> </div> 中间的 div; 
第三个匹配:<div class=" ul"><div class="item" ></div></div> 中间的 div;无法匹配:<div class="ul"><div class="abc"><div class="item"></div></div></div>。 

三个的区别是:  
规则 .ul.item 匹配 class 属性 同时含有 ul 和 item 的元素; -------------没有空格
规则 .ul .item 匹配 class 属性 包含 ul 的元素中 *任意的* class 属性包含 item 的元素(二者是祖先元素与后代元素的关系) ;-----------有空格 
规则 .ul > .item 匹配 class 属性包含 ul 的元素的子元素中 class 属性包含 item 的元素(二者是 父元素与子元素 的关系,在相邻的层)。 ------>符号

猜你喜欢

转载自blog.csdn.net/zgpeterliu/article/details/81026422