Syntax Error: SassError: expected selector. /deep/ .el-dialog .el-input{ } 代码编译提示/deep/使用报错

问题描述

为了实现强制更改element-ui组件内部封装好的样式的效果，利用在标签前添加/deep/来根据实际情况强制更改对应属性的属性值。更改后保存，通过npm run dev运行代码，出现如下错误：

根据错误提示，定位到引起错误地方。

 问题分析

某些预处理器（例如Sass）可能无法正确解析。

在这些情况下，可以用/deep/

如果/deep/报错，可以使用::v-deep

组合器-两者都是它们的别名，并且工作原理完全相同。

::v-deep的用法和/deep/ 完全一样

问题解决

关键点：使用::v-deep替换/deep/即可解决上述问题。

参考博客：SassError: expected selector报错 ::v-deep 替换 /deep/_"unexpected unknown pseudo-element selector \"::v-_echo忘川的博客-CSDN博客