【发布时间】:2013-07-25 18:05:53
【问题描述】:
我想要一个脚本,所以当我启用它时,我页面上所有显示的值为#xxx(颜色、边框等)的内容都会变为黑色#000。可能吗? 我想要我的网站的两个版本 - 一个是普通版本,一个是“哀悼”选项.. 客户想要 :)
【问题讨论】:
-
制作第二个样式表?
我想要一个脚本,所以当我启用它时,我页面上所有显示的值为#xxx(颜色、边框等)的内容都会变为黑色#000。可能吗? 我想要我的网站的两个版本 - 一个是普通版本,一个是“哀悼”选项.. 客户想要 :)
【问题讨论】:
制作两个具有不同行为的不同样式表,并在需要更改版本时切换 css 文件。
可用于动态更改 css 文件的帮助:
adding css file with jquery
jQuery Change CSS File Dynamically
【讨论】:
这种方法对于 JavaScript 来说不是很实用。我建议使用body 上的类来区分颜色或选项。比如——
.mourn #someSelector {
/* override the properties with #000 */
}
这种方法对于您正在尝试做的事情来说是相当标准的。
【讨论】:
拥有两个样式表会更有效。一个默认值,即您已经拥有的一个,以及另一个仅覆盖所需颜色的默认值。 你可以在这里找到如何实现这一点:http://alistapart.com/article/alternate
【讨论】:
创建 CSS 文件的副本并使用查找和替换来替换所有出现的颜色。然后将这两个文件上传到您的网站。您可以使用javascript在两个样式表之间切换。
【讨论】:
如果你的页面中有这一行:
<link id="stylesheet1" href="normal.css" type="text/css" rel="stylesheet">
您可以使用 JavaScript 切换到具有所有黑色值的样式表,如下所示:
document.getElementById('stylesheet1').href= 'black_values.css';
【讨论】: