CSS--样式穿透

 样式穿透具体可分为css、less以及scss,语法不同,具体语法如下所示。

css样式穿透:

<style scoped>
    父元素 >>> 子元素 {
        color: red;
    }
</style>

less样式穿透:

<style lang="less" scoped>
    父元素 /deep/ 子元素 {
        color: red;
    }
</style>

scss样式穿透:

<style lang="scss" scoped>
    父元素 ::v-deep 子元素 {
        color: red;
    }
</style>

相关推荐

  1. CSS--样式穿透

    2024-01-27 21:38:01       42 阅读
  2. 前端中css穿透样式:deep的用法

    2024-01-27 21:38:01       11 阅读
  3. CSS样式

    2024-01-27 21:38:01       22 阅读
  4. CSS基础——1.CSS样式

    2024-01-27 21:38:01       15 阅读
  5. CSS3新增样式

    2024-01-27 21:38:01       34 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-27 21:38:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-27 21:38:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-27 21:38:01       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-27 21:38:01       20 阅读

热门阅读

  1. Mysql 索引优化

    2024-01-27 21:38:01       39 阅读
  2. K8S、keepalived、haproxy 高可用集群实战

    2024-01-27 21:38:01       33 阅读
  3. CentOS 7 上使用 wget 安装 Nginx 并设置开机自启

    2024-01-27 21:38:01       32 阅读
  4. Dubbo 3.x:探索阿里巴巴的开源RPC框架新技术

    2024-01-27 21:38:01       35 阅读
  5. C#学习笔记_StringBuilder+程序效率测试

    2024-01-27 21:38:01       37 阅读
  6. elasticsearch优化总结

    2024-01-27 21:38:01       27 阅读
  7. JVM多线程读写和锁

    2024-01-27 21:38:01       40 阅读