Javascript 如何在SCSS中使用/deep/in?

Javascript 如何在SCSS中使用/deep/in?,javascript,css,vue.js,webpack,sass,Javascript,Css,Vue.js,Webpack,Sass,您好,我们知道,如果我们使用,我们可以保护其他元素不受样式的影响。如果我们附加dinamic元素,我们应该使用parent class/deep/current class,但是如何使用SCSS来使用它呢 示例代码[工作] .滑块{ 宽度:100%; 身高:100%; 背景:绿色; } .frame/deep/.frame{ 宽度:100%; 身高:100%; 背景:蓝色; } 导出默认值{ 名称:“滑块”, 安装的(){ for(设i=0;i

您好,我们知道,如果我们使用
,我们可以保护其他元素不受样式的影响。如果我们附加dinamic元素,我们应该使用
parent class/deep/current class
,但是如何使用SCSS来使用它呢

示例代码[工作]


.滑块{
宽度:100%;
身高:100%;
背景:绿色;
}
.frame/deep/.frame{
宽度:100%;
身高:100%;
背景:蓝色;
}
导出默认值{
名称:“滑块”,
安装的(){
for(设i=0;i<3;i++){
让frame=document.createElement(“div”);
frame.classList.add(“frame”);
此.refs.slider.appendChild(帧);
}
},
};
已更新

<style scoped lang="scss">

::v-deep .frame {
}

</style>

::v-deep.frame{
}
已更新

<style scoped lang="scss">

::v-deep .frame {
}

</style>

::v-deep.frame{
}

你说的是
?是的,你说的是
?是的,你说的是right@Serio抱歉更新。@Serio抱歉更新。