減：變暗元素上已經設置的任何顏色

Question

剛剛開始使用LESS，它很棒。我想知道，是否有可能使其分配的顏色變暗。

我在我的網站上有幾個主題，當一個鏈接處於活動狀態時，我添加了一個「主動」類，它應該使顏色和背景變暗。

是這樣的可能：

.active{ 
    background:darken(10%); 
} 

而不必指定背景顏色...

Answer 1

你可以嘗試：

.active{ background:lighten(-10%); }

不知道這會盡管工作，所以可能會更好使用：

.active{ filter: brightness(0.1); -webkit-filter: brightness(0.1); -moz-filter: brightness(0.1); -o-filter: brightness(0.1); -ms-filter: brightness(0.1); }

（玩的0.1值以獲得你想要的效果）

Answer 2

變暗（作爲其他功能）預計2個參數。首先是顏色，其次是改變它的數量。 請參閱http://lesscss.org/functions/#color-operations-darken

因爲LESS只是css的預處理器（它會創建css）所需的功能無法工作。 CSS無法獲得元素的顏色，然後使用它。

雖然LESS使用JS處理較少的文件並創建css，但通常不會發生客戶端。在生產中，您可以創建一次css文件並傳遞它。

如果您確實無法知道顏色是什麼，您可能需要尋找客戶端的js解決方案。