CSS變量(也稱為自定義屬性)是CSS3的一個新特性,它允許在樣式表中使用自定義名稱表示特定值。CSS變量使得在不同的CSS規則中引用同一個值變得更加方便和靈活。
瀏覽器當中對于CSS變量的支持非常廣泛。目前,所有現代瀏覽器都支持CSS變量。
/* CSS變量語法 */ :root { --main-color: #f9c; } /* 利用var()函數來調用CSS變量 */ h1 { color: var(--main-color); }
如果您的站點需要支持較老的瀏覽器,您可以使用Sass或者Less等CSS擴展語言,這些語言可以通過編譯來實現類似于CSS變量的功能。
總的來說,CSS變量是一項非常有用的CSS3特性,它為我們提供了一種更加方便和靈活的樣式表編寫方式。
上一篇css 變寬
下一篇css3改變圖標顏色