SASS h1 - h2... - h6

onlywhatchess 1497 gün önce

458 defa görüntülendi

Bunun gibi bir SCSS stilim var, bunu daha verimli yazmak için SCSS'den for kullanmak istiyorum ama hata veriyor sebebi nedir?

@for $i from 1 through 6 {
    h$i, .h#{$i} {
        font-size: (2.5rem / $i);
    }
}

Beklediğim çıktı:


h1, .h1 {
  font-size: 2.5rem;
}

h2,.h2 {
  font-size: 1.25rem;
}

h3, .h3 {
  font-size: 0.8333333333rem;
}

h4, .h4 {
  font-size: 0.625rem;
}

h5, .h5 {
  font-size: 0.5rem;
}

h6, .h6 {
  font-size: 0.4166666667rem;
}

css

Soru hatalı mı? 👎

Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!

Spam olarak işaretle

Cevap yaz

1
הההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההההה
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Cevaplar (2)

tayfunerbilen

1497 gün önce

Hata vermesinin sebebi ~~h$i~~ şeklinde kullanamıyor olman. Şöyle düzeltirsen çalışacaktır

@for $i from 1 through 6 {
  h#{$i}, .h#{$i} {
    font-size: (2.5rem / $i);
  }
}

#003896

onlywhatchess

1497 gün önce

Oops :)

#003897