v} expectedcss(css-rcurlyexpected) vscode 报错，编写css时无法实现嵌套写法

最新推荐文章于 2024-04-10 16:34:37 发布
最新推荐文章于 2024-04-10 16:34:37 发布
阅读量7.5k 收藏 12
点赞数 7
分类专栏： js 工具 vue 文章标签： vue.js visual studio code
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45654407/article/details/114971182
版权
js 同时被 3 个专栏收录
18 篇文章 0 订阅
订阅专栏
vue
14 篇文章 0 订阅
订阅专栏
工具
8 篇文章 1 订阅
订阅专栏

这是一个使用sass来编写样式的vue项目。
之前编写样式是正常的，今天突然就不行了，我还以为是漏了标点符号或者用了正式标点符号，检查了发现并不是，然后直接百度了以下这个报错} expectedcss(css-rcurlyexpected)，就找到了答案：
在这里插入图片描述
底部控制栏的语言模式要修改成vue。
在这里插入图片描述
点击HTML，vscode就会弹窗让你选择语言模式，往下拉到最后，选中vue即可。
昨天我下载了最新的vscode，所以导致了这个语言模式默认为html了，需要手动改回来。
在这里插入图片描述在这里插入图片描述
修改后，vue的样式编写就正常啦~~~
在这里插入图片描述
就这？？？
在这里插入图片描述

不怕不管
关注
  • 7
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
postcss-nesting, 嵌套样式规则互相 inside，遵循CSS嵌套规范.zip
10-10
postcss-nesting, 嵌套样式规则互相 inside，遵循CSS嵌套规范 PostCSS嵌套 使用 PostCSS嵌套插件，你可以按照 CSS嵌套插件规范，将样式规则设置为。a, b { color: red; & c, & d { c
postcss-nested-props：用于解开嵌套属性的PostCSS插件
02-05
postcss嵌套道具 插件可解开。 嵌套属性 CSS具有“命名空间”中的许多属性； 例如， font-family ， font-size和font-weight都在font名称空间中。 在CSS中，如果要在同一名称空间中设置一堆属性，则必须每次将其...
vscode css错误提示 } expected css(css-rcurlyexpected)
weixin_59250190的博客
07-26 4148
vscode css错误提示 } expectedcss(css-rcurlyexpected)，出现这种报错一般是在vue文件中使用less或是sass，此时只要查看vscode右下角的语言是否是vue。若不是，可以在设置中搜索html，找到配置语言关联，将*.vue的值改为vue即可解决。...
expectedcss(css-rcurlyexpected) vscode 报错，编写css时无法实现嵌套写法
m0_73763853的博客
11-02 454
在style样式中引入scss全局变量时报错 但是可以正常运行。试了一系列办法后终于找到解决方法。来编写样式的vue项目。
在VsCode中写vue的css,代码提示一直不出现或提示错误
最新发布
m0_52952413的博客
04-10 1840
在我们vue项目正常写css样式，便会出现一下提示，如：但有时无提示，那么这种情况有以下几种解决方案。
前端开发问题（1）
zsm7264的博客
08-04 397
error： } expectedcss(css-rcurlyexpected) 错误原因及解决方案：没有在style中添加lang=less 添加之后却出现 Module not found:Error:Can t resolve lessloader 错误原因：没有安装less 解决方案：安装，npm install --save-dev less-loader less Module not found:Error:Can`t resolve ‘XXXXXXXXXXXX’，都是项目中没有安装这个依
expectedcss(css-rcurlyexpected) 错误
weixin_53483088的博客
06-14 1086
style标签默认css语法，我们在写样式中使用了css外的语法，就会报错。// lang设置为自己需要的语法，比如scss、less等。
} expectedcss(css-rcurlyexpected)
热门推荐
weixin_42789120的博客
03-31 1万+
} expectedcss(css-rcurlyexpected)----我出现这个错误的原因是没有在style中添加lang=less，添加后变为正常
{ expectedcss(css-lcurlyexpected)错误解决
weixin_43249785的博客
06-10 1万+
这是有个很常见得问题，容易犯错，请看
简单学习css组合与CSS嵌套的写法
12-03
简单学习css组合与CSS嵌套的写法. CSS组合 　你不必重复有相同属性的多个选择符，你只要用英文逗号（,）隔开选择符就可以了。 　比如，你有如下的代码： h2 { color: red; }.jb51 { color: red; }.jb51...
第十一课 css边距与边框-011
08-03
本课重点讲解的是CSS中的边距与边框，这两个概念对于布局和元素间距的控制至关重要。 首先，我们来详细探讨CSS边框。边框是元素四周边缘的可见线条，它由三个属性组成：边框宽度（border-width）、边框颜色（border...
CSS 约定写法 利用扩展
09-25
在构建高效的前端开发流程中，CSS的约定写法和利用扩展是至关重要的。这不仅可以提高代码的可维护性，还能确保团队之间的协作更加顺畅。以下是一些关于CSS约定写法和利用扩展的具体实践建议： 1. **外部链接引入CSS...
vue的less语言报错expected css(css lcurlyexpected)解决
weixin_45168167的博客
10-29 2691
我在vscode中，创建.vue文件，然后在vue文件中内置less代码： 但是出现了下面的警告：} expected css(css lcurlyexpected),但是不影响使用， 解决方案: 如果使用了 vetur 插件后发现还是无法识别 .vue 中的 less 语法的话，可以点击右下角的LF语言模式是不是 Vue，如果不是，请改为 Vue. 全局设置： “files.associations”: { "*.vue": "vue", "*.tpl": "html" ...
expectedcss(css-rcurlyexpected),使用：变红怎么整，给他改成less就可以了
weixin_54048131的博客
02-08 393
} expectedcss(css-rcurlyexpected)，这里出现红色，该怎么办 style，:是less的专属，改成less就可以了
vue组件出现} expected css(css lcurlyexpected),的红色提示
weixin_45456215的博客
11-05 3605
vue项目点开后，出现了报错，提示为} expected css(css lcurlyexpected),需要下载 vetur 组件。 并且在配置文件中修改一下vue的配置，首选项—>设置 把 .vue 的值改成 vue，问题就解决了。 vue组件出现} expected css(css lcurlyexpected),的红色提示 ...
2021-09-19 问题 私有前缀 错误提示{ expected css(css-lcurlyexpected) HTML中让段落自动空两格 竖列选择
xxxxxxxr的博客
09-19 3012
vscode 提示{ expected css(css-lcurlyexpected) css错误提示{ expected css(css-lcurlyexpected) 查看右下角的语言改成Vue 浏览器私有前缀是为了兼容老版本的写法，新版本的浏览器无须添加。 私有前缀 -moz-:firfox浏览器私有属性 -ms-:代表ie浏览器私有属性 -webkit-:v8引擎系列 safari、chrome私有属性 -o-:代表Opera私有属性 写法 -moz-border-radius:1.
style格式报错} expectedcss(css-rcurlyexpected)
luweisixsix的博客
10-28 1万+
格式写错了，我把lang写错了，报的错误，错误代码“} expectedcss(css-rcurlyexpected)”
使用css-rcurlyexpected等报错
tulihetulihe的博客
03-03 2581
●问题： ●错误分别是： css-rcurlyexpected at-rule or selector expected Do not use empty rulesets 但是样式还是正常起作用了。 ●原因 1.setting.json里设置"vetur.validation.style": false, 2. style第一行加@charset “utf-8”; 但是这样主要的原因是页面语言模式设置有误，刚用默认.vue会设置成html模式，所以就会报错 ●解决方法一： 点进去改成Vue模式 ●解
css 中则么才能用这种嵌套写法.s{ .s{ } }
04-03
这种嵌套写法叫做嵌套规则，可以在 CSS 中使用。例如： ```css .s { color: red; .inner { font-size: 16px; } } ``` 这段代码定义了一个 `.s` 类，它包含了一个嵌套的 `.inner` 类。在编译后，这段代码会被转换成普通的 CSS 代码： ```css .s { color: red; } .s .inner { font-size: 16px; } ``` 这样就可以在 CSS 中使用嵌套规则来编写更加简洁、易读的样式代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值