推荐 最新
我买了30万的鞋子

SCSS中特定子选择器不生效的问题?

scss 第二个子选择器失效问题 有如下代码,它无法按照预期运行: html: 无床位 有床位 scss: .top-info{ color: $fontColor; >div{ width: .75rem; height: .75rem; } >div:first-child{ background-color: $withoutBed; } >div:nth-child(2){ background-color: $hasBed; } } "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240918/dd0477deac79d19a4eee98c39b86d03a.png) 但若改成: scss: .top-info{ color: $fontColor; >div{ width: .75rem; height: .75rem; } >div:first-child{ background-color: $withoutBed; } >div:nth-child(n+2){ background-color: $hasBed; } } "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240918/f39dbbe82746775d09c0070fd2429d35.png) 它便生效了!(顺带一提,使用last-child也没有生效,!important也试过,应该不是优先级问题),有大佬知道是什么原因吗?

0
1
0
浏览量202
生成头像

element el-image,图片预览,::v-deep 样式穿透修改样式不生效? 当前是`vue2`的项目?

element el-image,图片预览,::v-deep 样式穿透修改样式不生效? 当前是"vue2"的项目? ::v-deep .el-image-viewer__wrapper .el-image-viewer__canvas { width: 80% !important; height: 80% !important; } "vue": "^2.6.11", "sass": "^1.26.5", "sass-loader": "^8.0.2",

0
1
0
浏览量165
你好我叫张倩话

如何将 SCSS 代码直接转换为 CSS?

在线编辑器,有没有能实现 "scss" 转换成 "css" 的? 我有一款自己的编辑器,支持用户编写 "scss" 代码,但是发现问题 浏览器不识别 "scss" 需要编译成 "css" 现在的做法是 让用户先去在线网站编译完成 再拷贝过来 有没有直接能集成在项目中的 "scss2css" 的这种库? 补充一下 需要运行在浏览器环境的~

0
1
0
浏览量137
CO_co

用scss写css,如何在写的时候直接能用px做为单位,但输出为rem单位?

用scss写css,如何在写的时候直接能用px做为单位,但输出为rem单位 比如以375px为宽度,我的html{font-size:4.26666vw;} 这样的scss如何写函数?

0
1
0
浏览量147
中年复健狗

Vite打包后SCSS引用的图片路径不对,该如何解决?

为什么vite打包后scss中引用的图片路径不对 vite配置如下: build: { rollupOptions: { // 静态资源分类打包(部署要区分js,css,img文件夹,对应后端的配置) output: { chunkFileNames: 'js/[name]-[hash].js', entryFileNames: 'js/[name]-[hash].js', assetFileNames: (assetInfo) => { if (extname(assetInfo.name) === '.css') { return `css/[name]-[hash].[ext]`; } else { return `img/[name]-[hash].[ext]`; } } } } } scss文件和图片文件目录结构如下: "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240923/91d695ec61c9b877b916dfb6e9bf6e07.png) 打包后的目录结构: "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240923/79e3a4e782a697bf242e336b404323b8.png) 打包后的css文件中的图片引用: "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240923/32b646f2ed7534faf1e31467749fbbb0.png) 打包后正确的引用路径应该是这样:url(../img/add-1bd6048f.svg) 大佬问解惑下,为什么打包后的图片引用不对。 如果可以,不改变现有的文件目录和打包后的目录结构 现有的项目文件目录要合规范,所以这样放置。 打包后的目录是部署要求要这样的结构。

0
1
0
浏览量153