我正在處理一個很長的CSS文件。我知道客戶可以要求更改配色方案，并且想知道：是否可以將顏色分配給變量，以便我可以更改變量以將新顏色應用于使用該顏色的所有元素？請注意，我不能使用PHP動態更改CSS文件。
3 回答
九州編程
TA貢獻1785條經驗 獲得超4個贊
CSS本身通過CSS Variables支持此功能。
示例CSS文件
:root {
--main-color:#06c;
}
#foo {
color: var(--main-color);
}
有關工作示例，請參見此JSFiddle（該示例顯示了提琴中的一個CSS選擇器的顏色已硬編碼為藍色，另一個CSS選擇器使用原始和當前語法的CSS變量將顏色設置為藍色） 。
在JavaScript /客戶端中處理CSS變量
document.body.style.setProperty('--main-color',"#6c0")
所有現代瀏覽器均支持
Firefox 31 +，Chrome 49 +，Safari 9.1 +，Microsoft Edge 15+和Opera 36+附帶對CSS變量的本機支持。
有只小跳蛙
TA貢獻1824條經驗 獲得超8個贊
人們不斷upvoting我的答案，但相比的喜悅這是一個可怕的解決方案SASS或更少，特別是考慮到方便的使用數量GUI的兩種這些天。如果您有任何想法，請忽略以下所有建議。
您可以在每種顏色之前的css中添加注釋，以用作一種變量，您可以更改使用查找/替換的值，因此...
在css文件的頂部
/********************* Colour reference chart****************
*************************** comment ********* colour ********
box background colour bbg #567890
box border colour bb #abcdef
box text colour bt #123456
*/
稍后在CSS文件中
.contentBox {background: /*bbg*/#567890; border: 2px solid /*bb*/#abcdef; color:/*bt*/#123456}
然后，例如，更改您在其上查找/替換的框文本的配色方案
/*bt*/#123456
- 3 回答
- 0 關注
- 1130 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消