less和scss样式穿透的三种写法

最新推荐文章于 2024-03-18 10:22:01 发布

辛娟娟

最新推荐文章于 2024-03-18 10:22:01 发布

阅读量5.5k

点赞数 1

文章标签： less scss css

本文链接：https://blog.csdn.net/weixin_56993654/article/details/119965909

版权

 1. ::v-deep  在scss中使用

<style scoped lang="scss">
 
  ::v-deep img{
    width: 100px;
    height: 100px;
  }

</style>

 2. >>> 在less中使用

<style scoped lang="less">

  >>> img{
    width: 100px;
    height: 100px;
  }

</style>

 3. /deep/ 在less中使用

<style scoped lang="less">

  /deep/  img{
    width: 100px;
    height: 100px;
  }

</style>