2016-04-28 29 views
0

我試圖做的CSS值應用到整個域中以下幾點:從一個文件

  1. 創建一個CSS文件 - 可以說,它包含:

    #elementID{ 
     
        Background:black !important; 
     
    }

  2. 創建參考包含我的CSS的腳本:

<link rel="stylesheet" type="text/css" href="global.css">

  • 應用 'global.css中' 內包含到我的域之內的所有頁的CSS。我只能從這一頁中引用這個腳本。
  • 注: -I我從一個單獨的域引用文字(但如果需要,我可以直接嵌入到HTML)

    -I我試圖讓這個在IE兼容模式下工作,特別是

    這有可能以任何方式嗎? 謝謝!!!

    回答

    0

    是的,你可以使用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的唯一域。

    +0

    謝謝!這不會僅僅將樣式表應用於當前文檔嗎?我需要一個頁面,並將其應用於a.html和b.html,而不在b.html中嵌入任何內容。 – Skettenring

    +0

    只需將該腳本放在文件中並加載到兩側,頂部或底部,或者當您的window.load –