你能将sass Regex Selector应用于样式值吗

Question

是否可以创建一个sass、scss或css选择器，该选择器可以在选择器中取一个值并将其应用于样式？

示例(由于我不知道如何操作，语法错误：

.w(d+) {
width: $1% ;
}

在上面的例子中，

.w100 => width: 100%
.w82 => width: 82%

等等

Answer 1

您可以使用@for循环来完成此操作。

示例：

@for $i from 1 through 100 {
.w#{$i} {
width: $i * 1%;
}
}

该循环将生成以下css作为输出：

.w1 {
width: 1%;
}
.w2 {
width: 2%;
}
.w3 {
width: 3%;
}
.w4 {
width: 4%;
}
.
.
.
.w100 {
width: 100%;
}