使用/deep/报错css(css-selectorexpected)

最新推荐文章于 2024-07-11 20:24:51 发布
最新推荐文章于 2024-07-11 20:24:51 发布
阅读量2.6k 收藏 1
点赞数 5
分类专栏： bug 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47979372/article/details/124065337
版权

我们在对应用的UI组件库进行样式的更改时, 通常会用到/deep/这个深度作用选择器，但是今天使用出现了个报错，尽管不影响样式，但是它在终端一直显示着报错看着就很烦躁
在这里插入图片描述
解决方案：
将/deep/改成 ::v-deep就能解决

Aaron Con
关注
  • 5
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue项目使用deep语法报错并且无法启动项目最佳最完美解决方案
m0_67401055的博客
03-09 1万+
vue项目使用/deep/语法报错 最近使用vue创建后台管理系统，在改变饿了么组件样式时，使用/deep/样式穿透 压根不生效，而且终端还会报错，之前可是可以随便用/deep/的，一下子就给整懵逼了~，先来看看报错信息长啥样： 然后当你去各种百度会发现遇到同样问题的人还挺多，而且绝大多数出现的时间都是在2020年期间开始很多人出现这类问题： 然后最多的答案无非就是使用::v-/deep/ 来替换/deep/，确实有效，但是会不能使用scss嵌套写法的问题，不然样式嵌套的子元素样式不会生效如图： 所以只能
浅谈CSS中/deep/ ＞＞＞ ::v-deep属性 进行样式穿透
m0_48895571的博客
04-01 4685
浅谈CSS中/deep/ >>> ::v-deep属性 进行样式穿透
CSS——scss中使用/deep/深度[选择器](https://so.csdn.net/so/search?q=选择器&spm=1001.2101.3001.7020)报错
qq_43201350的博客
07-12 700
scss deep深度选择器
Vue项目/deep/ 深选择器版本不兼容报错
最新发布
weixin_63729549的博客
07-11 392
Sass（Syntactically Awesome Stylesheets）是一种CSS预处理器，它扩展了CSS语言，增加了诸如变量、嵌套规则、混合（mixins）、继承、函数等功能，使得编写CSS变得更加高效和有组织性。深选择器在Web开发中主要用于穿透组件的 Scoped CSS 层次，以达到修改子组件样式的目的。深选择器的主要用途是在保持组件样式封装的同时，允许外部组件对内部元素的样式进行一定的定制或覆盖，这对于复杂的UI组件库尤其有用。，它是Vue推荐的写法，并且在Sass环境下也能正常编译。
/deep/ 报错的问题
qq_14810897的博客
11-07 771
Syntax Error: SassError: expected selector. ╷2 │ /deep/ .el-submenu__title{ │ ^
at-rule or selector expectedcss(css-ruleorselectorexpected)
Ricale的博客
11-23 3690
at-rule or selector expectedcss(css-ruleorselectorexpected)
css表格改透明，修改样式，使用/deep/时候报错Module build failed : SassError: expected selector.
freya_Du的博客
11-23 2367
css修改样式时候报错如下 Module build failed : SassError: expected selector. 原因是：某些预处理器（例如Sass）可能无法正确解析。 解决办法是：使用::v-deep代替/deep/ 例如把elementui表格改透明 //透明化整体 .table-wrapper ::v-deep .el-table, .el-table__expanded-cell { background-color: transparent !importa
vscode中/deep/样式报错
05-10
如果在 VSCode 中出现了 `/deep/` 样式报错，可能是因为 `/deep/` 伪类已经被淘汰，不再被 CSS 规范支持，而 VSCode 中的 CSS linter 默认启用了最新的 CSS 规范。可以尝试将 `/deep/` 替换成新的伪类，如 `::ng-...
jiaminghi/data-view dataV for vite vue2 补丁 for npm/yarn
04-13
1.build或者dev项目时不报错，兼容vite2/vite3，vue2； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用的，就是底层node_modules位置不一样而已...
sass 中使用/deep/报错
12-16
在Sass中使用/deep/可能会导致编译错误，因为它是旧版本的CSS规范，而新版本的CSS规范中已经不再支持/deep/。可以使用::v-deep代替/deep/，以避免编译错误。下面是使用::v-deep的示例代码： ```sass .main_wrapper ...
scss解析/deep/以及＞＞＞深度选择器报错
only_neo的博客
07-30 4161
若存在::v-deep未生效的情况，确认使用的文件是否为组件级，若为组件级，改为在调用该组件的页面设置::v-deep即可。但是有些开发者反应，在vue-cli3编译时，deep的方式会报错或者警告。但是像scss等预处理器却无法解析>>>，所以我们使用下面的方式.如果vue的style使用的是css，那么则。此时我们可以使用第三种方式。
/deep/报错
月影神社
09-23 1111
经常在写样式时需要用到/deep/，有时总是报错，虽然不影响但看着属实难受（强迫症） 只要在前面就div就可以啦 希望可以帮助到大家 ☽ ...
/deep/属性在vscode中报错
weixin_45804142的博客
02-24 1479
使用/deep/在vscode中报语法错误，解决方法
使用/deep/报错
weixin_43937400的博客
01-27 6971
解决方案：将/deep/ 改成 ::v-deep /deep/作为深度作用选择器，在开发中也是常常用到的，尤其在引用ui框架去改原生的样式颇多。我这里用的vue-cli3编译后发生的错误，改成::v-deep就好了。后来百度了一下，都说::v-deep更保险并且编译速度更快。 ...
scss中使用/deep/深度选择器报错的解决办法
weixin_44900104的博客
08-04 2万+
scss中使用/deep/深度选择器报错的解决办法
vue报错at-rule or selector expectedcss(css-ruleorselectorexpected)
m0_51160509的博客
01-26 3470
解决办法：打开设置，把这个勾选关掉。
scss /deep/深度选择器报错 ::v-deep未生效
ssnnyyjj的博客
03-30 3573
node-sass换成sass之后，所有使用/deep/的地方都显示报错，替换成::v-deep后并未成功
vue项目使用/deep/语法报错并且无法启动项目最佳最完美解决方案
热门推荐
qq_45674727的博客
01-14 2万+
vue项目使用/deep/语法报错并且无法启动项目，最佳解决方式还在各种百度？找了半天也没找到答案？看我这里你就找对地方咯~~ 还在各种百度？找了半天也没找到答案？看我这里你就找对地方咯~~ 最近使用vue创建后台管理系统，在改变饿了么组件样式时，使用/deep/样式穿透 压根不生效，而且终端还会报错，之前可是可以随便用/deep/的，一下子就给整懵逼了~： 然后当你去各种百度会发现遇到同样问题的人还挺多，而且绝大多数出现的时间都是在2020年期间开始很多人出现这类问题： 然后最多的答案无非就是使用::v-
scss 使用 /deep/报错，最新用法::v-deep
qq_69892545的博客
12-30 378
scss 使用 /deep/报错，最新用法::v-deep。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值