定義自定義顏色

Question

border:3px solid black; 

在上例中，您可以通過說出顏色的名稱來設置顏色。此外還有一個廣泛的顏色名稱。

所以我的問題是這樣的。有沒有辦法在你的網站上定義你自己的自定義顏色名稱在CSS，JavaScript/jQuery中，甚至PHP。

爲什麼？ （我部分地生氣了，但是）在c＃中，有一個全局變量可以方便地使用，你可以改變，它會影響所有使用它的東西，我也喜歡類似的效果。

你可能會問：「難道你不能只用class =」myColor「嗎？」我可以，但我並不總是以同樣的方式使用顏色，我有時會將它用於邊框，背景或文字。此外，我不得不給它一個類，而不是在css中聲明它，這對於邊界來說可能很奇怪。

基本上，我想知道是否有什麼東西甚至接近我正在尋找的東西，無論是CSS（所以懷疑它），jQuery，甚至PHP。考慮到我想在CSS中使用這個顏色名稱，我懷疑這是可能的，但我很想被證明是錯誤的。

Answer 1

您可以使用CSS預處理器（如SASS或LESS）設置變量。

使用SASS它看起來像這樣。

$lightGrey :#5e5e5el; 

a { 
    color: $lightGrey; 
} 

輸出：

a { 
    color: #5e5e5e; 
} 

Answer 2

使用的色彩值，而不是一個名爲color：https://developer.mozilla.org/en/CSS/color_value

Answer 3

您可以使用「LESS」或「SASS」做到這一點。

@myColor: #FFCC00; 
... 
background-color: @myColor; 
... 
border: 1px solid @myColor; 

Answer 4

SASS有這個有用的功能（和許多其他）。

Answer 5

沒有什麼內置CSS這一點。你可能想看看LESS。有了它，您可以輕鬆地將顏色放入一個變量中，並在整個CSS中使用它。 LESS旨在使CSS更加乾爽。

這裏是它從該鏈接的描述：

LESS擴展CSS與動態行爲，如變量，混入，操作和功能。 LESS運行在客戶端（Chrome，Safari，Firefox）和服務器端，使用Node.js和Rhino。

Answer 6

This may be coming to CSS eventually。