scoped 不生效_解决vue scoped scss 无效的问题

今天遇到scoped内部的scss设置无效，解决办法如下：

/deep/

.position-el-steps {

/deep/ .el-step.is-vertical {

.el-step__description {

margin-top: -20px;

}

.el-step__line {

border-left: 2px dashed #c0c4cc;

background-color: transparent;

visibility: visible !important;

}

}

}

补充知识：【vue scoped 样式修改 】框架或插件组件样式更改及/deep/ 警告

前言

在做vue项目的时候，很多人应该已经碰到在vue 组件中，style 局部修改样式更改不了

我是B组件

import A from './a'

export default {

name: 'index',

components:{

A

}

}

/* 使用 scoped 更改的组件样式。 */

/*

此处只是举个栗子使用，没有经过验证。很多人会下面这摸写，但是发现改变不了B组件的样式，其实是 scoped 局部的，所以不能。