vue修改vant自带的样式_@jie

今天用vue写页面时，发现使用vant的有些UI组件，修改CSS样式无效。

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

在vue项目中，当style 标签有scoped属性时，它的 CSS 样式只作用于当前组件中的元素，父组件的样式将不会渗透到子组件中。
解决办法：1.对于css语法起作用

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

上述代码将会编译成：

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

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

代码如下：
这样修改样式就有效啦。