<head>中定義的CSS樣式未應用？

我正在此網頁上：http://sydneypadua.com/2dgoggles/<head>中定義的CSS樣式未應用？

我試圖重新定義的content-sidebar-wrap的寬度，以阻止左側邊欄被下推到頁面底部。

看在查看源代碼，你會看到我已經添加了新的風格：

.double-sidebar #content-sidebar-wrap { 
    width: 795px ! important; 
}

但使用Chrome開發者工具檢查被應用到content-sidebar-wrap格的樣式，並且你只會看到：

width: 780px; 
    .double-sidebar #content-sidebar-wrap - 780px style.css:596 
    [with strikethrough] #content-sidebar-wrap - 960px style.css:591

爲什麼我沒有在頁面頭部定義的樣式被拾取？

來源

2012-02-02 Richard

它使如果您從「！important」中刪除空格，會有什麼區別？ – 2012-02-02 13:22:31

@Gary剛剛嘗試過，似乎沒有，不。 – Richard 2012-02-02 13:26:56

我試圖validate the css of your page和這些錯誤出來到頁面：

32 .double-sidebar #content-sidebar-wrap Lexical error at line 33, column 1. 
    Encountered: "\ufffd" (65533), after : "" � � width: 795px !important; 
33 .double-sidebar #content-sidebar-wrap Parse Error } 
45 * Parse Error */ #content .post 
    { padding-left: 5px ! important; padding-right: 5px ! important; }

也許你插入一個無法識別的字符（由於複製和粘貼，也許？）導致解析錯誤，所以嘗試重寫整個規則。

來源

2012-02-02 13:43:44 fcalderan

我剛剛也發現。我剛剛刪除它，並重新輸入英寸，它的工作。 – 2012-02-02 13:45:51

太棒了！非常感謝。下次我會知道在所有其他方式失敗時嘗試驗證。 – Richard 2012-02-02 14:55:23

由於某種原因樣式標籤不喜歡id刪除它，它應該工作正常。

<style  type="text/css">  
//no id^
//Other rules... 

/* Fix for sidebar widths. */ 

.double-sidebar #content-sidebar-wrap { 
    width: 795px !important; 
} 

//other rules... 

</style>

來源

2012-02-02 13:43:17

這是我在FF看到當我瀏覽你的CSS http://sydneypadua.com/2dgoggles/：

.double-sidebar #content-sidebar-wrap { 
}

我相信應該不會有空間「重要！」。

來源

2012-02-02 13:45:13 sinsedrix

不，這不是空白;空白並不重要。即使是[W3C自己的規範]（http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#important-rules）中的代碼示例在那裏也有空間！ – 2012-02-02 13:48:53

應該

#content-sidebar-wrap { 
    width: 795px !important; 
}

。雙邊欄中沒有必要的，因爲＃內容側邊欄包裝決定DIV明確。

來源

2012-02-02 13:49:13

確實，這不是必需的。但這不是問題的原因。這不是一個錯誤。此外，可能會出現'.classname＃idname'比'#idname alone'更具體的情況，例如，當您將一個css文件應用於多個HTML文件，並且每個HTML文件都包含相同的ID時，但是您只想要塑造其中的一種。 – 2012-02-02 13:55:18

嘗試在.double-sidebar #sidebar-1-wrap類的末尾刪除*/，因爲這可能會破壞您的css，並重寫css規則.double-sidebar #content-sidebar-wrap。

此外，正如一個提醒，如果你是造型IDS，你並不需要指定他們面前的一類，選擇器從右單獨的ID到左邊，這樣閱讀就足夠

來源

2012-02-02 13:49:17 NicoSantangelo

<head>中定義的CSS樣式未應用？

回答

相關問題