vue怎么修改vant自带的样式

今天小编给大家分享一下vue怎么修改vant自带的样式的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

修改vant自带的样式

今天用vue写页面时，发现使用vant的有些UI组件，而又不能满足自己的样式，修改CSS样式还是无效。

css一般都会使用sass或者less，加了scoped后修改的样式不起作用，即使加了important也没用。

在vue项目中，当style 标签有scoped属性时，它的 CSS 样式只作用于当前组件中的元素，父组件的样式将不会渗透到子组件中。

解决办法

1.对于css语法起作用

使用深度选择器，使用 >>> 操作符，将scoped样式中的选择器"深入"，即影响子组件

上述代码将会编译成：

2.对于scss，less这类的预处理器

使用 /deep/ 操作符取而代之——这是一个 >>> 的别名

代码如下：

这样修改样式就有效啦。

vant的样式怎么修改不了？

在vue中写