如何将所有css“#xxx”更改为“＃000”

Question

我想要一个脚本，所以当我启用它时，我的页面上所有显示的值为#xxx（颜色，边框等等）的内容都会变为黑色＃000。可能吗？ 我希望我的网站有两个版本 - 一个正常，一个用于'mourn'选项..客户想要:)

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文件的副本，并使用find和replace来替换所有颜色的出现。然后将这两个文件上传到您的网站。您可以使用javascript在两个样式表之间切换。

Answer 5

如果您的页面中有此行：

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

您可以使用JavaScript切换到带有所有黑色值的样式表，如下所示：

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