由于vue开发时会在style加上scoped避免全局污染，所以正常开发时直接修改外部组件（vant）的样式时会不生效，我们把scoped删除后会发现样式是可以生效的。但是scoped是肯定不能不要的。所以我们可以用 /deep/（深度）来修改样式
/deep/.van-dropdown-menu__title{
font-size: 0.26rem;
font-family: Source Han Sans CN Regular;
font-weight: 400;
text-align: left;
color: #333333;
}
/deep/
如图所示，在标签前加上 /deep/ 就可以了
vue 官方给出的解释
![]()
官方解释
官方解释
