如何更改所有css「#xxx」到「＃000」

Question

我想要一個腳本，所以當我啓用它時，所有在我的頁面上顯示值爲#xxx的東西（顏色，邊框等等等）變成黑色＃000。可能嗎？ 我想有我的網站的兩個版本 - 一個正常的，一個'哀悼'選項..客戶端:)

Answer 1

使你需要不同的行爲的兩個不同的樣式表，並在需要時切換css文件更改版本。

幫助可動態CSS文件的變化：

adding css file with jquery
jQuery Change CSS File Dynamically

Answer 2

這種做法不是很實用，只需JavaScript的。我建議使用body上的類來區分顏色或選項。例如 -

.mourn #someSelector { 
    /* override the properties with #000 */ 
} 

這種方法對於您要做的事很標準。

Answer 3

有兩個樣式表會更有效率。一個默認值，一個你已經擁有的，另一個只覆蓋所需的顏色。 您可以在此處瞭解如何實現此目的：http://alistapart.com/article/alternate

Answer 4

創建CSS文件的副本，並使用查找和替換來替換所有顏色的出現。然後將這兩個文件上傳到您的網站。您可以使用JavaScript在兩個樣式表之間切換。

Answer 5

如果你有這條線在你的頁面：

<link id="stylesheet1" href="normal.css" type="text/css" rel="stylesheet">

您可以用JavaScript與全黑的值切換到樣式表是這樣的：

document.getElementById('stylesheet1').href= 'black_values.css';