Vue中的问题
提示:开发公司这个问题真的是让我收获很多,一个关于antd design vue 开发公司表格的样式修改问题。
文章目录
前言
提示:开发公司这里是我遇到问题的描述!!!!!
1.开发公司首先我在开发的时候,开发公司遇到的问题如下(感觉可丑)
(开发公司下方有修改后的样式)
2.这个是修改后的样式(比上面的美观多了)
提示:下面的内容是对我的一些解决方法和对Vue2和Vue3样式穿透的一些理解!!!!!
一、中的样式穿透如何使用
第一种写法箭头三剑客(原生css):
1.看向右边的主角 👉 >>> use methods: .类名 >>> .类名{样式}
- 1
- 2
第二种(预处理器:less,sass):
2.看向右边的主角 👉 /deep/ use methods: /deep/ .类名{样式} 父类 /deep/ 子类
- 1
- 2
- 3
- 4
第三种(预处理器:less,sass):
2.看向右边的主角 👉 ::v-deep .类名 {} use methods: ::v-deep .类名{样式} 父类 ::v-deep 子类
- 1
- 2
- 3
- 4
二、Vue3中的样式穿透如何使用
第一种 :deep()
1.看向右边的主角 👉 :deep() use methods: :deep(样式选择器)
- 1
- 2
- 3
- 4
第一种如图所示:
第二种 ::v-deep()
2.看向右边的主角 👉 ::v-deep() use methods: ::v-deep(样式选择器)
- 1
- 2
- 3
- 4
第二种如图所示:
三、不使用样式穿透也可以修改样式
提示:这里不对代码进行解读了;直接上图:
提示:红色箭头🤌 制定的区域就是添加权重;但是不要盲目的全局添加;可以先添加一个类,然后使用添加权重的方法
总结
本次关于样式的修改也让我重新了解了一下,有关Vue2和Vue3样式穿透的区别和更改。同时也希望大家,在遇到类似的问题时,也可以看到这篇文章。帮助大家解决问题!!!!! 加油!!!!!!