Sass 吞咽css梳的问题:“;请检查有效期;
我正在尝试修复我的吞咽ccs梳任务,但出现以下错误:Sass 吞咽css梳的问题:“;请检查有效期;,sass,gulp,formatting,csscomb,Sass,Gulp,Formatting,Csscomb,我正在尝试修复我的吞咽ccs梳任务,但出现以下错误: MacBook-Pro:myProject remy$ gulp sass-comb [11:23:10] Using gulpfile ~/myproject/gulpfile.js [11:23:10] Starting 'sass-comb'... [11:23:10] Finished 'sass-comb' after 5.88 ms events.js:183 throw er; // Unhandled 'erro
MacBook-Pro:myProject remy$ gulp sass-comb
[11:23:10] Using gulpfile ~/myproject/gulpfile.js
[11:23:10] Starting 'sass-comb'...
[11:23:10] Finished 'sass-comb' after 5.88 ms
events.js:183
throw er; // Unhandled 'error' event
^
Error: /myPath/sass/helpers/_helpers.scss
Parsing error: Please check the validity of the block starting from line #6
4 | @each $className in $list {
5 | @for $i from 0 through 100 {
6*| @if $i % 5 == 0 {
7 | @each $positionName in $listPosition {
8 | .#{$className}#{$positionName}-#{$i} {
Gonzales PE version: 3.0.0-28
SCSS文件:
$list: margin padding;
$listPosition: top bottom left right;
@each $className in $list {
@for $i from 0 through 100 {
@if $i % 5 == 0 {
@each $positionName in $listPosition {
.#{$className}#{$positionName}-#{$i} {
#{$className}-#{$positionName}: #{$i}px !important;
}
}
.#{$className}-#{$i} {
#{$className}: #{$i}px !important;
}
}
}
}
我在scss语法中做错了什么
谢谢你的帮助:)
Rémy.尝试将
@for
和@if
更改为@while
$list: margin padding;
$listPosition: top bottom left right;
@each $className in $list {
$i: 0;
@while $i <= 100 {
@each $positionName in $listPosition {
.#{$className}#{$positionName}-#{$i} {
#{$className}-#{$positionName}: #{$i}px !important;
}
}
.#{$className}-#{$i} {
#{$className}: #{$i}px !important;
}
$i: $i + 5;
}
}
$list:边距填充;
$listPosition:左上右下;
@$list中的每个$className{
$i:0;
@虽然$i,但问题似乎来自百分比模运算符。Csscomb不喜欢它。我是否有其他解决方案来解决此问题?您是否尝试将条件(即,@if($i%5==0){
)插入括号?