2010-01-25 196 views
2

我在將第二個樣式錶鏈接到我的HTML文檔時遇到問題,無法找到(希望顯而易見的)問題。第二個鏈接的樣式表沒有任何作用

我連接在頭部因而樣式表:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
    "http://www.w3.org/TR/html4/strict.dtd"> 
<html> 
<head> 
<link rel="stylesheet" href="assets/css/global.css" type="text/css" media="all" title="Global styles" charset="utf-8"> 
<link rel="stylesheet" href="assets/css/ie.css" type="text/css" media="all" title="IE Overrides" charset="utf-8"> 

的問題是,秒樣式沒有任何影響都沒有。顛倒他們的訂單也證明了這一點。

爲了測試,我在第二個樣式表中添加了一條規則,使得身體背景變成紅色,甚至嘗試添加!important,但無濟於事。

/* Global CSS */ 
body { 
    background-color: #fff; 
} 

/* IE CSS */ 
body { 
    background-color: #f00 !important; 
} 

螢火蟲網面板顯示兩種樣式做負載和樣式面板中顯示我在他們兩人的風格,但在後者的規則只是沒有做深蹲。

這讓我感到莫名其妙,因爲它是非常非常基本的東西,我以前曾經成功完成過數百次和數百次。

+0

你確實意識到IE不支持!重要的權利? – Rowno 2010-01-25 11:12:05

+0

從什麼時候開始? (也許你指的是導致IE處理錯誤的錯誤!重要的錯誤,但支持都不會少) 但是對於手頭的問題,無論如何它都無所謂,因爲我包括秒樣式表對於所有的瀏覽器,直到我解決這個問題。 – 2010-01-25 11:15:54

+1

你能分享問題頁面的網址嗎?將使我們更容易診斷.. – 2010-01-25 11:19:31

回答

6

嘗試從link標記中刪除title屬性。 title與樣式表的鏈接使用時有特殊的含義,更在這裏:

Alternative Style: Working With Alternate Style Sheets

+0

千謝謝你,先生! – 2010-01-25 11:25:53

+0

不客氣!這個「特徵」是完全不可思議和反直覺的,應該廢除IMO。這是不可能知道,如果你過去沒有發現它。 – 2010-01-25 11:26:37

+0

確實。實際上,我之前從來沒有在''link'-tag'前使用'title'屬性,但是現在做了,因爲我使用'link '自動完成時,我的新的閃亮編輯器E自動填充它,我愚蠢地認爲它實際上不會做任何事情,但只是看起來不錯而有光澤。 – 2010-01-25 11:41:50

0

就我而言,我搬到工作的CSS規則集從頁面源的PHP字符串到外部CSS文件:

來源:

$headCss.= 
    ' <style type="text/css"> 
      #containBrainForHire 
      { background:url(\'/graphics/BrainForHire.png\'); 
       display:table; 
       height:300px; 
       margin:0 auto; 
       width:525px; 
      } 
     </style> 
    '; 

要:

#containBrainForHire 
    { background:url(\'/graphics/BrainForHire.png\'); 
     display:table; 
     height:300px; 
     margin:0 auto; 
     width:525px; 
    } 

什麼都沒有在新的CSS文件中工作,直到我修復了background定義:在PHP文件中,用於轉義PHP字符串中單引號的反斜槓是無效的。

修正CSS文件的內容:

#containBrainForHire 
    { background:url('/graphics/BrainForHire.png'); 
     display:table; 
     height:300px; 
     margin:0 auto; 
     width:525px; 
    } 

錯誤控制檯沒有報告任何錯誤,只是在新的CSS文件有任何頁面的顯示沒有任何影響。 (很多有用的調試工具......)

我希望這可以節省別人花時間來識別問題。