/deep/深度选择器，修改Vant 内部的样式

遇到的问题：

做vue项目中，遇到对Vant的样式修改，但是修改无法修改。

解决方法：

使用 /deep/ 深度选择器
/deep/的意思大概为深入的，深远的。无意中看到css中有关于这种写法，开始没太注意 ，以为是组件css的写法，后来才发现不是。我们都知道Scoped CSS规范是Web组件产生不污染其他组件，也不被其他组件污染的CSS规范。这样在打包的时候会生成一个独一无二hash值，这样父组件的样式就不会影响到子组件了，然后你要想修改子组件的样式，一般是提取一个公共文件，在公共文件里面修改样式，但是这样也存在着一个问题，比如你使用了别人的组件或者自己开发一个组件，有时候你修改一处就可能影响到别的地方，这个时候要么你不用别人的组件，自己重新封装一个，但很多时候是不太现实的，所以就需要有一个方法或者方式，既不影响到别的地方，又能修改子组件在当前的样式。

参考链接

语法：
原代码：

.page-tables {
  width: 130px;
}

不能生效

/deep/  .page-tables {
	width:130px;
}

可以生效