ネイティブCSSで変数を利用する

Sass等でコンパイルしなくても変数が利用できます。

<style>
  body {
    --main-color: #00f;
  }

  body p {
    color: var(--main-color);
    font-weight: bold;
  }
</style>
<p>hello</p>

どうでもいい話だが、htmlheadbodyは省略できます。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA