修改已封装组件完成的样式

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

• 前言
• 一、pandas是什么？
• 二、使用步骤
  • 1.引入库
  • 2.读入数据
• 总结

---

前言

前端的同学们经常跟组件内的样式们打交道。有些组件内的样式总是不好修改。我总结了几种，供大家参照。

---

一、deep深度修改

deep使用场景大部分都是关于父子组件的。所以我们根据deep也可以修改相应的第三方的组件。

    /deep/ .in .box {
        height: 700rpx !important;

---

::v-deep .in .box{

        height: 700rpx !important
    }

二、父子选择器

通常我们插入一个组件时，都会设置一个外壳来定位这个组件的具体位置。

例如：我这里引入一个uni的uni-data-select这个组件

我在这个组件外面写了一个外壳是left-select下面的sj。那里面就是我引入组件的css。那个时候我们就可以从sj往里面顺，如下代码

							.sj {
								width: 300rpx;
								border: 0 !important;
									/deep/ .uni-select {
										border: 0 !important;
								}
							}

这样就修改好了       

如果遇到找不到的边框样式或者其他的不好修改的，往下找可能在::before里面

---

总结

致原来小白的自己