当前位置: 首页 > news >正文

css /deep/

引用了第三方组件库,只需要在当前页面修改第三方组件库的样式以做到不污染全局样式。通过在样式标签上使用scoped达到样式只制作用到本页面。

但有时又需要调整组件的样式,在含有scoped的style里里面在写样式对子组件是不生效的。

以前都是再加一个不含scoped的style标签,通过外层组件添加唯一class来区分组件,修改各种第三方组件的样式。

无意中发现了 /deep/,可以同样达到上面的效果

<-- less语法 -->

.wrap{

  .class1{

      font-size:12px;

  }

    /deep/ .class2{

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

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

    }

}

 

相关文章:

  • json可视化在vue应用中的实现
  • Please use the --no-verify flag to skip running lint-staged.
  • 32个手写JS,巩固你的JS基础(面试高频)
  • 如何搭建npm私有仓库及发布npm包
  • vscode批量替换
  • js去除字符串空格
  • for循环里面的break;和continue;语句
  • JS递归树结构,修改树结构的属性值key和value
  • Antd Select组件结合使用出现must set key for <rc-animate> children问题
  • react数组变了,但是视图没有更新
  • antd下拉框选择了值,却仍然触发了rules里面的必选项
  • 冷门的骚操作
  • 黑科技:编辑任何网页只需要一句代码
  • antd 组件Input 输入按字节限制长度(汉字占2个字节,字母1个字节)
  • vue项目中使用 nprogress 插件
  • #Java异常处理
  • 【从零开始安装kubernetes-1.7.3】2.flannel、docker以及Harbor的配置以及作用
  • 【技术性】Search知识
  • 77. Combinations
  • Effective Java 笔记(一)
  • flask接收请求并推入栈
  • laravel with 查询列表限制条数
  • Mysql数据库的条件查询语句
  • node入门
  • Spring Security中异常上抛机制及对于转型处理的一些感悟
  • SQLServer之创建显式事务
  • Vue.js 移动端适配之 vw 解决方案
  • Webpack 4 学习01(基础配置)
  • 聊聊springcloud的EurekaClientAutoConfiguration
  • ​HTTP与HTTPS:网络通信的安全卫士
  • ​卜东波研究员:高观点下的少儿计算思维
  • # 日期待t_最值得等的SUV奥迪Q9:空间比MPV还大,或搭4.0T,香
  • #ubuntu# #git# repository git config --global --add safe.directory
  • #我与Java虚拟机的故事#连载12:一本书带我深入Java领域
  • (vue)el-checkbox 实现展示区分 label 和 value(展示值与选中获取值需不同)
  • (超详细)语音信号处理之特征提取
  • (九十四)函数和二维数组
  • (南京观海微电子)——I3C协议介绍
  • (一)Neo4j下载安装以及初次使用
  • (原創) 如何安裝Linux版本的Quartus II? (SOC) (Quartus II) (Linux) (RedHat) (VirtualBox)
  • (转)c++ std::pair 与 std::make
  • . ./ bash dash source 这五种执行shell脚本方式 区别
  • .net分布式压力测试工具(Beetle.DT)
  • .Net组件程序设计之线程、并发管理(一)
  • /etc/sudoer文件配置简析
  • ??myeclipse+tomcat
  • @for /l %i in (1,1,10) do md %i 批处理自动建立目录
  • @Pointcut 使用
  • [AutoSar]BSW_Memory_Stack_004 创建一个简单NV block并调试
  • [BT]小迪安全2023学习笔记(第15天:PHP开发-登录验证)
  • [C puzzle book] types
  • [CentOs7]iptables防火墙安装与设置
  • [CentOs7]图形界面
  • [codevs 1288] 埃及分数 [IDdfs 迭代加深搜索 ]
  • [CSS]浮动