CSS——scss中使用/deep/深度[选择器](https://so.csdn.net/so/search?q=选择器&spm=1001.2101.3001.7020)报错

最新推荐文章于 2024-03-29 18:31:27 发布
最新推荐文章于 2024-03-29 18:31:27 发布
阅读量652 收藏
点赞数
分类专栏： CSS 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43201350/article/details/125752736
版权

解决方案：使用::v-deep 代替 /deep/

dbt@L
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
速记：面向新十年的功能丰富CSS框架https://shorthandcss.com
02-04
速记：面向新十年的功能丰富CSS框架https://shorthandcss.com
面向新十年的功能丰富CSS框架https://shorthandcss.com-JavaScript开发
05-26
速记速记是一个CSS框架，不包含任何javascript。 您只能通过使用.scss来自定义框架。 Size Dist File URL Lite Lite.shorthand.min.c速记速记是一个CSS框架，不包含任何javascript。 您只能通过使用.scss来自定义...
scss解析/deep/以及＞＞＞深度选择器报错
only_neo的博客
07-30 4024
若存在::v-deep未生效的情况，确认使用的文件是否为组件级，若为组件级，改为在调用该组件的页面设置::v-deep即可。但是有些开发者反应，在vue-cli3编译时，deep的方式会报错或者警告。但是像scss等预处理器却无法解析>>>，所以我们使用下面的方式.如果vue的style使用的是css，那么则。此时我们可以使用第三种方式。
scss中使用/deep/深度选择器报错的解决办法
热门推荐
weixin_44900104的博客
08-04 2万+
scss中使用/deep/深度选择器报错的解决办法
css预处理文件使用scss嵌套写法深度选择器deep失效问题
m0_48521482的博客
03-29 979
vue3 + vite + elementPlus项目，css预处理文件使用scss嵌套写法导致深度选择器deep失效
css深度选择器deep
qq_38806666的博客
12-18 1万+
css深度选择器deep
SCSS中使用/deep/报错 ::v-deep 替换 /deep/
m0_57454052的博客
03-31 4013
预处理器（例如Sass）可能无法>>>正确解析。 在这些情况下，可以用/deep/ 如果/deep/报错，可以使用::v-deep 组合器-两者都是它们的别名，>>> 并且工作原理完全相同。 用法和/deep/ 完全一样 用 ::v-deep 替换 /deep/ ，就成功解决了问题。 ...
vue中解决scss下::v-deep影响到子组件的问题
kirinlau的专栏
05-18 1125
开发中经常会用到深度选择器来修改第三方组件库等子组件的样式，这时候就用到样式穿透(style Penetration)使用中发现了一个问题，就是当在父组件使用了v-deep修改样式时，会影响到子组件，修改为/deep/报。常用的有>>>、 /deep/、::v-deep。改为 >>>可以解决这个问题。
使用/deep/报错css(css-selectorexpected)
Aaron Con的博客
04-09 2618
我们在对应用的UI组件库进行样式的更改时, 通常会用到/deep/这个深度作用选择器，但是今天使用出现了个报错，尽管不影响样式，但是它在终端一直显示着报错看着就很烦躁 解决方案： 将/deep/改成 ::v-deep就能解决 ...
scss 使用 /deep/报错
mutouren_abc的博客
04-28 1034
scss 深度选择器，::v-deep
scss /deep/深度选择器报错 ::v-deep未生效
ssnnyyjj的博客
03-30 3266
node-sass换成sass之后，所有使用/deep/的地方都显示报错，替换成::v-deep后并未成功
scss 使用 /deep/报错，最新用法::v-deep
qq_69892545的博客
12-30 320
scss 使用 /deep/报错，最新用法::v-deep。
scss|sass使用/deep/报错 Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError
肥晨开发的学习之路
04-04 985
scss不支持这个选择器。/deep/ 变:deep。
航空航天主题Web优质项目作品（HTML5+css+javascript+jQuery+scss+vue3）-毕设/竞赛等
最新发布
04-03
技术方面，立足前延技术，除开传统的HTML5，css，javascript外，还使用了jQuery，scss，vue3等Web开发前沿技术与框架，扎实的技术基础，保证了作品功能的实用与美观。从需求出发，既注重太空主题的科普需要，又注重...
一个面向 CSS/LESS/SCSS 的分析、坏味道检查和自动化重构工具
12-19
一个面向 CSS/LESS/SCSS 的分析、坏味道检查和自动化重构工具。重构（CSS 颜色自动抽离重构变量）。坏味道（字体，奇数宽度，importants，position: absolute，mediaQueries）
Munee：集图片尺寸调整、CSS-JS合并/压缩、缓存等功能于一身的PHP类库.zip
07-11
Munee可以自动编译LESS、SCSS和CoffeeScript，并且可以把CSS JS文件合并成一个单一的请求，此外，还可以对这些CSS-JS文件进行精缩，让其拥有更好的性能表现。该库还可以轻易地与任何代码集成。
scss中深度选择器如何使用
2401_83036723的博客
02-29 1717
以上两种方式正常情况下使用都没有问题，但在scss，less，sass等解析器中，>>>，/deep/可能都无法使用，这种情况可以采用 ::v-deep。在开发过程中，可能会遇到scss中样式不会执行，这时候我们就会用到深度选择器 /deep/在/deep/ 使用以上写法编译时，出现报错或者警告可以使用 ::v-deep。通常情况下，写样式穿透都是用 >>> ，或者 /deep/
css表格改透明，修改样式，使用/deep/时候报错Module build failed : SassError: expected selector.
freya_Du的博客
11-23 2294
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
scss文件中使用深度选择器/deep/报错 Expected selector
pan-zy的专栏
06-30 1603
有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 或 ::v-deep 操作符取而代之——两者都是 >>> 的别名，同样可以正常工作。 >>>, /deep/, ::v-deep 三个挨个试一次, 哪个可用, 用哪个 ...
vue scss中使用/deep/报错
08-26
在 Vue 中使用 `/deep/` 或 `::v-deep` 可以解除样式作用域限制，允许您在子组件中修改父组件的样式。但是需要注意的是，`/deep/` 在 Vue 2.x 中已被废弃，取而代之的是 `>>>` 或 `::v-deep`。 如果您在使用 `/deep/` 或 `::v-deep` 时报错，可能是因为您的 CSS 预处理器（如 SCSS）不支持这些选择器。这是因为 `/deep/` 或 `::v-deep` 是 Vue 特定的选择器，不是标准的 CSS 选择器。 解决方法是使用其他方法来实现样式穿透，或者尝试更新您的 CSS 预处理器版本以获得对 `/deep/` 或 `::v-deep` 的支持。例如，您可以使用以下方法来实现样式穿透： 1. 使用 `>>>` 或 `::v-deep` 代替 `/deep/`。在 Vue 2.x 中，可以将 `/deep/` 替换为 `>>>` 或 `::v-deep` 来实现相同的效果。 例如，如果您想穿透到子组件中修改标题的样式，可以这样写： ```scss <style lang="scss" scoped> .parent { /deep/ .child { /* 修改子组件的样式 */ } } </style> ``` 可以替换为： ```scss <style lang="scss" scoped> .parent { >>> .child { /* 修改子组件的样式 */ } } </style> ``` 2. 使用 `::v-deep` 代替 `/deep/`。在 Vue 2.x 中，您还可以使用 `::v-deep` 来实现样式穿透。 例如，如果您想穿透到子组件中修改标题的样式，可以这样写： ```scss <style lang="scss" scoped> .parent { /deep/ .child { /* 修改子组件的样式 */ } } </style> ``` 可以替换为： ```scss <style lang="scss" scoped> .parent ::v-deep .child { /* 修改子组件的样式 */ } </style> ``` 请注意，以上方法需要您的 CSS 预处理器支持 `>>>` 或 `::v-deep` 选择器。如果您仍然遇到问题，请检查您的 CSS 预处理器文档或更新预处理器版本以获得支持。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值