/deep/ 样式穿透

1.styles

使用>>>（深度选择器）（官方文档）

ps:本项目中（less）使用时报错，解析失败，可能是 Sass 之类的预处理器无法正确解析 >>>,可以使用/deep/（是>>> 的一个别名）

2.sass、less 

使用/deep/

.a{
    background:#f00;
    /deep/ .b{
            background:#0f0;
     }
}

3.vue 私有样式scoped中

vue的父组件对设置了scoped的子组件样式无法生效的问题，可以使用/deep/

.container{        .class1{            background:#00f00f;            font-size: .3rem;        }        /deep/ .class2{            font-size:.28rem; //对所有子组件生效.            /deep/ .class3{                 font-size: .26rem;            }  //不需要写多层deep 父类有deep后子类自动也会深度选择 并且这么写在firfox里会失效        }    }