読者です 読者をやめる 読者になる 読者になる

みかづきブログ その3

3ヶ月つづけてみました。

単位が%のときのSassでの割り算の書き方

CSS

結論

.hoge {
  width: (100% / 5);
}

という感じで括弧をつけて書きましょう。



あらすじ

ものすごく初歩的なことなんですが、

.hoge {
  width: 100% / 5;
}

とか

.hoge {
  width: 100 / 5 + %;
}

とかと書いてエラーになりました。

よくよく考えると / は 通常のCSSでもつかうことがあるからなんでしょう。
(border-radiusを複数指定するときとか)

.hoge {
  width: (100% / 5);
}

と、かっこつけたら解決しましたが、

.hoge {
  width: (100 / 5) + %;
}

では駄目でした。

.hoge {
  width: (100 / 5) + px;
}

なら通るのに。

%を演算子としてつかう時もあるからなのかなと思いました。