Vue中 /deep/ 深度选择器(通俗易懂)

vue组件中，我们会在style里设置scoped，这个时候在组件里面在写样式是对子组件是没有效果的，如果想让设置的样式对所以子组件都生效，这个时候得使用 /deep/ 深度选择器。

<-- less语法 -->

.box{

  .box1{
  
      background-color:pink;
  }

    /deep/ .box2{

       background-color:red; //对所有子组件生效.

       .box3{   } 

    }

}

注意:没有必要写多层deep