修改插件样式

在做项目的过程中避免不了插件的使用 elementui、 mui、 Layui等插件,但是呢在引用过程中某些样式不是心中预期的效果比如margin值、字体颜色、背景色等。

接下来就要讲到重点了 深度选择器

	深入选择器
			在平时css 可以直接 通过 >>>  来使用
			在 less 和 sass  可以通过 /deep/ 来进行使用

示例

![在这里插入图片描述](https://img-blog.csdnimg.cn/20200409175331126.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1NvUUJ1bGluZ0J1bGluZw==,size_16,color_FFFFFF,t_70

因为父盒子宽度问题 ‘回到今天’ 把向右的按键遮住了,通过样式我们可以看到 ‘回到今天’ 是使用了定位的我们可以修改 top值 来上移元素显示原本的按钮
他的样式名为 uni-calendar__backtoday 当我们在css修改时

在这里插入图片描述

是根本不起作用的 即使添加了 !important还是没有起效(ps:!important增加权重)
>>>.uni-calendar__backtoday {
	top: -15px;
}
当我们这样编写时代码就生效了不用 !important 也生效了 看下最后结果

在这里插入图片描述

向右的箭头显示出来了 原本的样式被我们刚写的样式覆盖了

如本文有叙述错误请指正,希望在前端的道路上共勉

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值