css中 body > .wrap 什么意思

css中 body > .wrap 什么意思

CSS中的>是代表选择器的层级关系为直接子级。如下示例代码：

    
    
        
    


如上边这个html代码结构。
body .wrap{}  这样写控制的就是body里边的所有class为wrap的元素，包括所有子孙级。
body > .wrap{} 这样写就只会控制直接子级，content里边的wrap就不会受控制。

body里面所有class命名为.wrap的盒子

这个是css2的标准

E>F
子选择符：选择所有作为E元素的子元素F

div >div {}

意思就是 父亲div只管对应儿子的div 儿子里边的孙子div不管的

> 这个是css选择符
表示 body下面一个wrap的类名
权重比比单纯的.wrap大

body > .wrap {color:red} ----------> 最终会选择这个(具有更高优先级)
.wrap{color:black}

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息