【问题标题】:How to change in all css "#xxx" to "#000" [closed]如何将所有css“#xxx”更改为“#000”[关闭]
【发布时间】:2013-07-25 18:05:53
【问题描述】:

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

【问题讨论】:

  • 制作第二个样式表?

标签: css colors


【解决方案1】:

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

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

adding css file with jquery
jQuery Change CSS File Dynamically

【讨论】:

    【解决方案2】:

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

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

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

    【讨论】:

      【解决方案3】:

      拥有两个样式表会更有效。一个默认值,即您已经拥有的一个,以及另一个仅覆盖所需颜色的默认值。 你可以在这里找到如何实现这一点:http://alistapart.com/article/alternate

      【讨论】:

        【解决方案4】:

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

        【讨论】:

          【解决方案5】:

          如果你的页面中有这一行:

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

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

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

          【讨论】:

            猜你喜欢
            • 2018-11-14
            • 2020-11-02
            • 2013-07-15
            • 2023-03-28
            • 2017-01-07
            • 1970-01-01
            • 1970-01-01
            • 1970-01-01
            • 2013-08-19
            相关资源
            最近更新 更多