vue中的scoped样式不生效解决方法（样式穿透的方法）

vue开发中，利用scoped定义的样式有什么不生效是什么原因，下面web建站小编给大家详细介绍一下具体实现方法！

主要原因是样式的穿透力不够，这是我们需要用到>>>、/deep/、::v-deep等方法！

第一种方法：>>>

div >>> span{
 color: #f00;
}

第二种方法：/deep/

div /deep/ span{
  color: #f00;
}

第三种方法::v-deep

div ::v-deep span{
  color: #f00;
}