如何在vue的SCS中使用深度 Select 器?
下面的代码无效.
<style lang="scss" scoped>
.a{
&>>>.b{
...
}
}
</style>
一个深度 Select 器,比如css
中的>>>
,但在vue单文件组件内部的scss
中.
如何在vue的SCS中使用深度 Select 器?
下面的代码无效.
<style lang="scss" scoped>
.a{
&>>>.b{
...
}
}
</style>
一个深度 Select 器,比如css
中的>>>
,但在vue单文件组件内部的scss
中.
从vue文档:
"一些预处理器,如Sass,可能无法正确解析>>>
.在这种情况下,您可以使用/deep/
combinator,它是>>>
的别名,工作原理完全相同."
所以试试这个:
<style lang="scss" scoped>
.a {
/deep/ .b {
...
}
}
</style>