css變量使用場景：比如更改網(wǎng)站主題顏色的時候，一個一個頁面的更改肯定很麻煩對吧，如果有一個同一的變量更改會不會就很方便。

  <style>
    :root {
      --base: yellow;
    }
    #oval {
      width: 200px;
      height: 100px;
      background: var(--base);
      border-radius: 100px / 50px;
    }
  </style>

  <div id="oval"></div>

定義一個變量在:root偽類上，使用變量來減少重復的代碼。

:root {
      --base: yellow;
  }

使用該變量

 background: var(--base);