vscode中不允许css嵌套规则报错

在写项目的时候发现在编写页面css代码时，使用了css样式嵌套规则，程序报错，终端运行正常，如图：经查阅资料得出解决办法：将vscode底部任务栏的HTML页面语法规则改为vue即可。如果语言模式中没有vue的话，先去安装Vetur插件，选项中就会有vue语言模式，选中即可解决css语法嵌套规则报错问题...

公主打码

3809人浏览 · 2022-03-07 20:49:20

公主打码 · 2022-03-07 20:49:20 发布

在写项目的时候发现在编写页面css代码时，使用了css样式嵌套规则，程序报错，终端运行正常，如图：

在这里插入图片描述
经查阅资料得出解决办法：将vscode底部任务栏的HTML页面语法规则改为vue即可。

如果语言模式中没有vue的话，先去安装Vetur插件，选项中就会有vue语言模式，选中即可解决css语法嵌套规则报错问题

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}$/, //不连续的两位字母// /^