我想创建H1到H6的标题标签使用sass.我的要求是css应该是从h1开始，它的字体大小应该是3.5rem，这需要在每个标题中减少0.5rem.
所需的CSS代码应如下所示:
h1 {font-size:3.5rem;}
h2 {font-size:3rem;}
h3 {font-size:2.5rem;}
h4 {font-size:2rem;}
h5 {font-size:1.5rem;}
h6 {font-size:1rem;}
我试着说了以下几句粗话:
$size: 3.5rem;
@for $i from 1 through 6 {
h#{$i} {
font-size: $size - $i;
}
}
每次都需要从字体大小中减go .5rem，而不是$i.
$size: 3.5rem;
@for $i from 1 through 6 {
h#{$i} {
font-size: $size - 0.5rem * ($i - 1);
}
}
这为我提供了以下css:
h1 {
font-size: 3.5rem;
}
h2 {
font-size: 3rem;
}
h3 {
font-size: 2.5rem;
}
h4 {
font-size: 2rem;
}
h5 {
font-size: 1.5rem;
}
h6 {
font-size: 1rem;
}