蔬菜土豆泥（@蔬菜土豆泥）

css中的〉代表直接子代选择器

之前看到有的同学在写css时使用了

<style>
#div1 > #div2
</style>

由于之前的开发项目中没有用过，所以就做了了解，下面是我查阅资料的结果！（好吧，其实是百度的）

举例说明：
假设有dom 结构如下

  <div id="div1">1
      <div id="div2">2
          <div id="div3">3</div>
          <div id="div33">33</div>
      </div>
      <div id="div22">22</div>
  </div>

选择器

<style>
 #div1 >div 
</style>

选择的就是 2和22

选择器

<style>
 #div1 div 
</style>

选择的就是 2，3，33，22

所以 > 表示选择前一标签的直接子代

应不应该用？

之前看到一个群里大家对于>的作用讨论的很热烈，其中到底该不该用也有很大的歧义，个人认为按照个人平时的开发习惯去写css就好。

另外有同学说使用>可以减少层级样式的逐级查找次数，因此可以优化前端的性能。

理论上这样的说法是正确的！

(完)