scss文件中使用深度选择器/deep/报错 Expected selector

深度选择器是 >>>记得在sass文件中使用/deep/没有问题，但是在scss文件中使用/deep/报错了。记得看过vue官网深度选择器有两个别名，/deep/报错换另外一个 ::v-deep试试https://vue-loader.vuejs.org/zh/guide/scoped-css.html#%E6%B7%B7%E7%94%A8%E6%9C%AC%...

lfl976

33130人浏览 · 2020-03-16 11:02:44

lfl976 · 2020-03-16 11:02:44 发布

记得sass中使用/deep/没问题，但是在scss中使用/deep/报错了。

找到vue官网关于深度选择器是这样说的：

有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 或 ::v-deep 操作符取而代之——两者都是 >>> 的别名，同样可以正常工作。

于是用 ::v-deep 就可以了

https://vue-loader.vuejs.org/zh/guide/scoped-css.html

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^