什麼是CSS變體？

Question

我在網站上工作，我的老闆想讓我使用CSS變化，我不知道他在說什麼。

比方說，我有使用#7d2d39，20個不同的元素，而不是：

background-color:#7d2d39 
color="#7d2d39" 

遍佈樣式表，他要我用叫它：

background-color:red1" 
color="red1" 

和地方定義什麼「 red1「就是這樣我們可以全局改變一個十六進制顏色而不改變它20次？我輸入它是有道理的，但我不認爲這存在。

Answer 1

你需要使用類似LESS這樣的支持動態樣式表和變量的東西。

Answer 2

我想他是在說css variables但這只是一個草案。 LESS和SASS也是選項。

Answer 3

CSS預處理器是一種通過使用諸如函數和變量之類的東西來使CSS更「程序化」的方法。這兩個最流行的是：

• SASS
• LESS

然後還有其他人：

• Google Closure Stylesheets
• Stylus

還有像Twitter Bootstrap這樣的項目使用LESS。目前沒有什麼東西可以在CSS中直接使用。這一切都需要JavaScript或後端處理來將LESS/SASS文件轉換爲CSS。

但它可以幫助開發人員保持代碼的組織和清理，並使管理更新更快。

我從來沒有聽說過「CSS變體」之前，但我會懷疑你的老闆可能意味着「CSS變量」，這更多的是你所描述的。但變量只是預處理器功能的一部分。

我希望有幫助！