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

Question

我想要一个脚本，所以当我启用它时，我页面上所有显示的值为#xxx（颜色、边框等）的东西都会变为黑色#000。可能吗？我想要我的网站的两个版本 - 一个是普通版本，一个是“哀悼”选项.. 客户想要 :)

score 2 · Accepted Answer

制作两个具有不同行为的不同样式表，并在需要更改版本时切换 css 文件。

可用于动态更改 css 文件的帮助：

score 2 · Accepted Answer

这种方法对于 JavaScript 来说不是很实用。我建议使用类body来区分颜色或选项。例如 -

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

这种方法对于您正在尝试做的事情来说是非常标准的。

score 0 · Accepted Answer

拥有两个样式表会更有效。一个默认值，即您已经拥有的一个，以及另一个仅覆盖所需颜色的默认值。您可以在此处了解如何实现此目的：http: //alistapart.com/article/alternate

score 0 · Accepted Answer

创建 CSS 文件的副本并使用查找和替换来替换所有出现的颜色。然后将这两个文件上传到您的网站。您可以使用 javascript 在两个样式表之间切换。

score 0 · Accepted Answer

如果您的页面中有这一行：

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

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

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

5 回答 5