原生CSS變數 root

Sass版本的變數

範例

<div class="text">GREEN TEXT</div>
/* 宣告變數 */
:root {
 --green: #11c1a4;
}

/* 使用變數 */
.text {
 color: var(--green);
}

/***************
***sass版寫法*** 

\:root
 --green: #11c1a4

.text
 color: var(--green)

***************/

Display

GREEN TEXT

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *