首页 > 其他分享 >VUE样式穿透,深度选择器的使用 >>> /deep/ ::v-deep

VUE样式穿透,深度选择器的使用 >>> /deep/ ::v-deep

时间:2022-12-29 19:23:10浏览次数:70  
标签:scss VUE less deep 使用 选择器

首先,我们来认识下三个深度选择器:

>>>         :原生css 在没有less/scss时使用

/deep/     :less

::v-deep  :scss 如果使用了预处理器都可以使用这个(推荐)

标签:scss,VUE,less,deep,使用,选择器
From: https://www.cnblogs.com/smile-fanyin/p/17013333.html

相关文章

  • vue3的hook函数
    1.hook的定义(本质上是可以使用组合式API的封装好的函数)   2.使用示例:   ......
  • vue项目调用exe文件(JS方式)
    方式一:项目中引入下面JS(function(f){if(typeofexports==="object"&&typeofmodule!=="undefined"){module.exports=f();}elseif(t......
  • vue中的计算属性
    <!DOCTYPEhtml><html> <head>  <metacharset="UTF-8"/>  <title>列表过滤</title>  <scripttype="text/javascript"src="../js/vue.js"></script......
  • vue-pdf在线预览pdf文件
    1.安装vue-pdfnpminstall--savevue-pdf2.页面js注册组件importpdffrom'vue-pdf'components:{pdf}3.页面使用组件<pdfsrc=""></pdf>......
  • element级联选择器的数据对接后台返回的数据
    改变默认的label属性值为后台返回来的数据对应的值  data数据项的配置  后台返回数据 ......
  • main.js和 router文件夹里面的index.js引入的vue一定要一样
     当 main.js和router文件夹里面的index.js引入的vue不一样      错误:找不到<router-view>标签解决办法:将main.js和index.js的vue引入成为一样的......
  • vue3+TS 自定义指令:长按触发绑定的函数
    vue3+TS自定义指令:长按触发绑定的函数而然间看到一个在vue2中写的长按触发事件的自定义指定,想着能不能把他copy到我的vue3项目中呢。编写自定义指令时遇到的几个难点1.......
  • vue3 变量改变触发界面显示改变
    我们需要使用到 ref 和 reactive 来触发界面绑定变量的更新。reactive的参数对象一般是对象或者数组,能够将复杂数据类型变为响应式数据;它的响应式是深层次的,底层......
  • vue websockt 实现站内消息的发送和接收
    1.什么是 WebSocketwebsocket是HTML5开始提供的一种网络通信协议,它的目的是在浏览器之间建立一个不受限的双方通信的通道,比如说,服务器可以在任意时刻发送信息给浏览器。......
  • Vue中路由的配置问题
    Unknowncustomelement:<router-view>-didyouregisterthecomponentcorrectly?Forrecursivecomponents,makesuretoprovidethe"name"option.foundin不......