CSS - 可能獲得當前的「價值」和「添加」它？

Question

在我的CSS中，我有一張斑馬條紋的桌子。例如白色和淺藍色。

可以說我有三欄......我想要做的是能夠保持斑馬條紋，並在CSS（無JavaScript）添加陰影/使藍色爲每列更暗。

這可能嗎？就像獲取「當前」背景顏色#AABBCC然後添加＃000011到當前顏色給我#AABBDD ...

不知道如果這是可能的，所以只是想知道。我只是懶惰，因爲我不想重新定義我可能擁有的每個列/列組的斑馬條紋。

感謝

Answer 1

不，這是不是與CSS的支持，除非你使用類似CSS表達式（這依賴於JavaScript）。但是，如果您願意爲樣式表使用預處理器，則可以使用像LESS這樣的庫來引入變量並執行添加。這個例子特別使用Javascript，所以也不符合標準。

Answer 2

哈哈，純粹的CSS，沒辦法。有幾種「類似css」的語言可以做到這一點：scss，less，stylus等。要點是你編寫的代碼被編譯成「真正的」CSS。

在手寫筆：

stripe(color) 
    & 
     background color 
    &:nth-child(odd) 
     background color + #000011 

td.foo 
    stripe(teal) 

產生...

td.foo { 
    background: #008080; 
} 
td.foo:nth-child(odd) { 
    background: #008091; 
}