将 CSS 值从一个文件应用到整个域

【问题标题】：Apply CSS value to entire domain from one file将 CSS 值从一个文件应用到整个域
【发布时间】：2016-08-23 11:58:51
【问题描述】：

我正在尝试执行以下操作：

创建一个 CSS 文件 - 假设它包含：

#elementID{
    Background:black !important;
}

创建对包含我的 CSS 的脚本的引用：

&lt;link rel="stylesheet" type="text/css" href="global.css"&gt;

将 'global.css' 中包含的 css 应用到我域中的所有页面。我只能从这一页引用这个脚本。

注意： - 我从一个单独的域引用脚本（但如果需要，我可以直接嵌入到 HTML 中）

-我正试图让它专门在 IE 兼容模式下工作

这有可能吗？谢谢！！！

【问题讨论】：

标签： javascript jquery css styles global

【解决方案1】：

是的，您可以使用 javascript 来做到这一点。

<script type="application/javascript">

      if(navigator.userAgent.indexOf('Chrome') > -1)
      {
        document.write('<'+'link rel="stylesheet" href="css/myCssForChrome.css" />');

      }else if(navigator.userAgent.indexOf('Firefox') > -1)
      {
        document.write('<'+'link rel="stylesheet" href="css/myCssForFirefox.css" />');

      }else if(navigator.userAgent.indexOf('Safari') > -1)
      {
        document.write('<'+'link rel="stylesheet" href="css/myCssForSafari.css" />');

      }else if(navigator.userAgent.toLowerCase().indexOf("op") > -1)
      {
        document.write('<'+'link rel="stylesheet" href="css/myCssForOpera.css" />');

      } else {
        document.write('<'+'link rel="stylesheet" href="css/myCssForIExplorer.css" />');

      }


    </script>

而不是用户代理从文档中获取域路径并检查您要更改 css 的域。

【讨论】：

谢谢！但这不会只将样式表应用于当前文档吗？我需要一个页面上的东西并应用于 a.html 和 b.html 而不在 b.html 中嵌入任何内容
只需将此脚本放在一个文件中，然后在顶部或底部的两侧或 window.load 时加载