3

私はフォントサイズと多分色を減らしたいです（ループで？）。LESSCSSで可能ですか？私は次のことを試してみましたが、動作しますが、フォントサイズを毎回 1 ずつ小さくするだけです - 明白な理由からです。これを行う別の方法はありますか？

現時点ではこれ：

 @iterations: 6;
  h(@index) when (@index > 0) {
    (~"h@{index}") {
        font-size: 21px - @index;
    }
    h(@index - 1);
  }
  h(0) {}
  h(@iterations);

私にこれを与えています：

 h6 { font-size:15px; }
 h5 { font-size:16px; }
 h4 { font-size:17px; }
 h3 { font-size:18px; }
 h2 { font-size:19px; }
 h1 { font-size:20px; }

しかし、それは私が求めているものではありません。「h」を1つ減らしたい-現在はそうです-フォントサイズを減らします-ループごとに5pxとしましょう。

何か案は？

4

1 に答える 1

3

あなたはすでに難しい部分を持っています。LESS で乗算できる*ので、ループを好きなように調整するのは非常に簡単です。例として：

@iterations: 6;
h(@index) when (@index > 0) {
    (~"h@{index}") {
        font-size: 40px - @index*5;
    }
    h(@index - 1);
}
h(0) {}
h(@iterations);

コンパイルすると次のようになります。

h6 { font-size:10px; }
h5 { font-size:15px; }
h4 { font-size:20px; }
h3 { font-size:25px; }
h2 { font-size:30px; }
h1 { font-size:35px; }
于 2012-06-14T00:20:21.213 に答える