<!--
    CSS變數範例網頁(HTML)
    By 萌芽系列網站 ‧ Mnya Series Website ‧ Mnya.tw
-->

<p>紅色</p>
<p id="id">褐色</p>
/*
    CSS變數範例網頁(CSS)
    By 萌芽系列網站 ‧ Mnya Series Website ‧ Mnya.tw
*/

:root {
    --bg-color: #929FC7;
  /* --bg-color: #929FC7; 如果取消全局顏色設定，背景將會變成黑色的 */
}

p {
    --bg-color: #FF2853;
}

#id {
    --bg-color: #E17100;
}

* {
    background: var(--bg-color,#000);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.