在做项目的过程中避免不了插件的使用 elementui、 mui、 Layui等插件,但是呢在引用过程中某些样式不是心中预期的效果比如margin值、字体颜色、背景色等。
接下来就要讲到重点了 深度选择器
深入选择器
在平时css 可以直接 通过 >>> 来使用
在 less 和 sass 可以通过 /deep/ 来进行使用
示例
因为父盒子宽度问题 ‘回到今天’ 把向右的按键遮住了,通过样式我们可以看到 ‘回到今天’ 是使用了定位的我们可以修改 top值 来上移元素显示原本的按钮
他的样式名为 uni-calendar__backtoday 当我们在css修改时
是根本不起作用的 即使添加了 !important还是没有起效(ps:!important增加权重)
>>>.uni-calendar__backtoday {
top: -15px;
}
当我们这样编写时代码就生效了不用 !important 也生效了 看下最后结果
向右的箭头显示出来了 原本的样式被我们刚写的样式覆盖了
如本文有叙述错误请指正,希望在前端的道路上共勉