如何在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>

Vue.js相关问答推荐

为什么我的数组在 onBeforeMount 函数中不为空,但在 onMounted 函数中为空

如果在 VueJS/VuetifyJS 中切换switch,则调用函数

在 Ajax 函数中访问 Vue.js 组件属性

拖入 vue2-google-map 后如何获取标记位置?

Vue.js 中的 mount挂载是什么意思?

如何在 vue.js 中删除类

一个 div 组件中的 Vue.js 2.0 路由链接

如何在 vue 3 脚本设置中的组件上使用 v-model

单击链接会更改 url,但不会更改页面上的内容/数据

Amazon EC2 错误:监听 EACCES 0.0.0.0:80

如何使用 TypeScript 在 Vue.js 中指定非react性实例属性?

Vuex - 何时从 http 服务器加载/初始化存储数据

错误:Node Sass 尚不支持您当前的环境:Linux 64-bit with Unsupported runtime (88)

如何从 vue.js 捕获 Jquery 事件

如何突出显示 Vuetify 菜单中的选定项目?

为什么 Vue.js 使用 VDOM?

beforeCreate 挂钩中的 Vue 2.1 调用方法不起作用

在 Chrome DevTools 中实时更改时 destruct 了 Vue.js 应用程序(Webpack 模板)的页面样式

在 Vuejs 中放置 firebase.auth().onAuthStateChanged() 的位置

如何隔离 Vuetify 全局样式