CSS中的>是代表选择器的层级关系为直接子级。如下示例代码:
<body>
<div class="wrap"></div>
<div class="content">
<div class="wrap"></div>
</div>
</body>
body .wrap{} 这样写控制的就是body里边的所有class为wrap的元素,包括所有子孙级。
body > .wrap{} 这样写就只会控制直接子级,content里边的wrap就不会受控制