/deep/

作者: 小白的踩坑日常 | 来源:发表于2020-04-02 10:51 被阅读0次

vue组件中,在style设置为scoped的时候,里面在写样式对子组件是不生效的,如果想让某些样式对所以子组件都生效,可以使用 /deep/ 深度选择器。

<-- less语法 -->

.wrap{

  .class1{

      font-size:12px;

  }

    /deep/ .class2{

       font-size:20px; //对所有子组件生效.

        /deep/ .class3{   }  //没有必要写多层deep 父类有deep后子类自动也会深度选择 并且这么写在firfox里会失效

    }

}

作者:北极星hup
链接:https://www.jianshu.com/p/83907d4221cd
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

相关文章

网友评论

      本文标题:/deep/

      本文链接:https://www.haomeiwen.com/subject/vvgtphtx.html