循环变量的SCSS不起作用
可能是由于以下几个原因：
- SCSS语法错误：请检查循环变量的语法是否正确，包括循环变量的声明、循环条件和循环体的书写是否符合SCSS语法规范。
- 循环变量作用域问题：请确保循环变量在需要使用的地方是可见的。如果循环变量在循环体外声明，可能无法在循环体内部使用。可以尝试将循环变量的声明放在循环体内部，或者使用@for循环的特殊语法来解决作用域问题。
- 循环变量的值未正确传递：请确认循环变量的值是否正确传递给需要使用的地方。可以使用@each循环来遍历一个列表或映射，并将每个元素的值传递给需要使用的地方。
- 循环变量的使用方式不正确：请确保循环变量在需要使用的地方被正确使用。可以使用循环变量来生成样式规则、计算属性值等。如果循环变量的使用方式不正确，可能导致循环变量的值无法正确应用到相应的地方。
如果以上方法都无法解决循环变量的SCSS不起作用的问题，可能需要进一步检查代码逻辑、查看相关文档或寻求其他开发者的帮助来解决问题。
关于SCSS的更多信息和用法，你可以参考腾讯云的SCSS相关文档和产品介绍：
相关·内容
1回答
我尝试用SCSS和一个循环来改变nth-of-type元素的不透明度。我已经测试了手动设置.slick-slide:nth-of-type(2)，当我从@for循环中尝试它时，它确实可以工作，它不会接受变量$i。我在这里做错了什么，似乎一切都应该是正确的。
浏览 8提问于2018-07-30得票数 3
回答已采纳
我试图在scss中编写一个循环，该循环获取一个列表，并使用每个循环的$key、$val来填充和命名@keyframes规则。这是我的代码：$infoRgb: 25, 97, 166;$errorRgb: 228, 35, 380); box-shadow: 0 0 0 0 rgba(unquote(#{$val}), 0);
浏览 0提问于2021-10-25得票数 0
回答已采纳
我在Rails6中遇到了一个问题，当我重新启动我的服务器时，我得到了错误:未定义的变量。如果我注释掉文件中的任何scss变量，刷新页面，取消注释变量并再次刷新，一切正常，我可以再次在CSS文件中使用变量。我真的不确定为什么会发生这种情况，任何人都能提供的任何帮助都会非常感谢。这是我的application.scss文件： /*
* This is a manifest file that
浏览 26提问于2020-10-13得票数 1
跟随链接import _variables from '../scss/_variables.scss';
其中_variables.scss是包含以下内容<em
浏览 34提问于2019-08-02得票数 4
2回答
我有一个状态变量： theme: "light"将此状态添加到div类名中，使其成为<div class name=`app ${this.state.theme我还有三个scss文件：LightTheme.scss App.scss、App.scss和DarkTheme.scss.。app.scss必须导入一个主题scss文件，因为它们有一些构成主题的颜色
浏览 2提问于2020-09-27得票数 1
我的gulpfile.jsvar sass = require('gulp-sass');gulp.task('sass', function() {
return gulp.src('static/css/scss&#x
浏览 7提问于2014-05-10得票数 9
回答已采纳
我有一个site_settings.scss文件，它包含Rails应用程序的所有变量：import 'site_settings.scss'
我需要将它放在我想要使用这些变量的的每个文件的开头
浏览 3提问于2017-10-19得票数 5
回答已采纳
通过使用@use和显式本地命名空间变量，似乎为了覆盖Sass“库”的变量，它最终会导致一些难看的代码。作为Sass的新手，这是意料之中的，还是我错过了什么？以前，人们把谨慎抛在脑后，只是简单地创建了全局变量。(是的，我知道@import还会存在几年，但我对我的项目的未来很感兴趣。)@use "_vars";
@use "vendor/cool_library"; 我在搜索中看到的在&q
浏览 72提问于2020-11-20得票数 2
我试图覆盖Bootstrap4SCSS中的$navbar-light-color变量，但它不起作用。我可以覆盖其他变量(例如，$primary)。这是我的main.scss文件：$primary: orange;
@import "~bootstrap/scss/functions";
@i
浏览 2提问于2019-11-19得票数 2
我试图通过改变碳的默认颜色来创建自定义主题。@import 'carbon-components/scss/glob
浏览 16提问于2019-07-23得票数 1
@nuxtjs/style-resources模块没有导入我的scss文件。我有一个特殊的文件夹结构，从一个Nuxt项目生成多个网站，我认为这可能会导致问题。/assets imports.scssmodules: [
'@nuxtjs/style-resources/assets&
浏览 1提问于2019-04-17得票数 1
我对scss一点也不熟悉。在地图文件内部，有一行内容为现在，我已经用一些CSS更新编辑了Theme6.css，但这一更改既不会出现在min文件中，也不会出现在这个特殊的scss
浏览 22提问于2018-12-19得票数 1
我用的是sass的vue版本-3。$theme-lighten-1, 2); color: var(--blue); main.scss：
--blue: #1e90ff;
--white: #ffffff
浏览 6提问于2022-09-19得票数 0
1回答
我正在用我的手在scss上做一个动画，我在这个循环中遇到了麻烦。我试着把8个物体旋转45度。当我输入时： #no#{$i}它破坏编译器，因为它认为变量是$ideg。但是，对于转换的数字，deg必须是正确的。当我在两者之间留出空间时，它就不起作用了。想法？
浏览 1提问于2016-08-01得票数 2
回答已采纳
1回答
我刚刚将当前项目的所有样式从Less转换为SCSS，并且我有一个复杂的SCSS选择器，它由逗号分隔的多个选择器组成，现在编译方式完全不同。我有我的部分的背景类，并且我想删除具有与前一个相同的bg类的部分的顶部填充。，但&.section + &.section中的&号应该只表示父选择器中的一个(例如.bg--1.section + .bg--1.section)，但它现在表示
浏览 25提问于2020-05-29得票数 0
回答已采纳
如何真正覆盖引导变量？我试过这个，但不起作用。// overrides.scss@import '~bootstrap/scss/variables';
@import 'variables.<e
浏览 3提问于2018-12-01得票数 0
我不完全确定我正在尝试的东西是否可行，但我已经尽可能多地进行了搜索，并构建了以下嵌套循环来创建许多十六进制颜色的变体(而不是手动键入变量名)。in $colors { #{$name}-#{$v}: lighten($hex, $v);} throw er; // Unhandled 'error'
浏览 1提问于2017-06-28得票数 3
我正在尝试将我的.css文件分成几个部分进行组织，并且我需要从任何文件访问文件组中的任何类。在Less中，我可以创建一个导入所有文件的主文件，并且每个文件都导入主文件，但在Sass中，我会收到一个循环错误@import。// main.scss
@import &
浏览 0提问于2018-07-26得票数 0
1回答
是否可以使用html元素类作为sass css中if语句或相对方式的条件？首先我知道我可以用CSS做这件事，所以请不要在这里发布JS相关的答案，只是想知道它是否可以用SCSS或SASS来完成，并且只有纯CSS。
我为什么要这么做？我有一个带有多个选项的下拉菜单，但是有些产品的选
浏览 10提问于2022-08-17得票数 0
我正在使用Visual Studio代码，我在CSS文件中有问题，当我输入一个美元符号时，css文件报告错误，浏览器看不到文件中的更改。
浏览 4提问于2018-08-27得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
