<head>で定義されているCSSスタイルは適用されていませんか？

私は、このページに取り組んでいます：http://sydneypadua.com/2dgoggles/<head>で定義されているCSSスタイルは適用されていませんか？

そして私は、ページの一番下まで押され、左側のサイドバーを停止するために、content-sidebar-wrapの幅を再定義しようとしています。

ソースの表示で

ルックと私は新しいスタイル追加したどこに表示されます。

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

しかしcontent-sidebar-wrap div要素に適用されているスタイルを検査するChromeデベロッパーツールを使用して、あなただけ表示されます。

を

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

私はページの先頭で定義したスタイルを選択していないのはなぜですか？

出典

2012-02-02 Richard

十分であるとのよう

あなたがIDSをスタイリングしている場合にも、単なるリマインダとして、あなたが彼らの前にクラスを指定する必要はありませんが、セレクタを右から左に読まれるそれは作るんスペースを "！important"から削除すると、違いはありますか？ –

@Garyはちょうどそれを試みました、そして、それはそうではありません。 – Richard

私は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; }

おそらくあなたが認識されない文字を挿入パーサーエラーが発生し、（多分によるコピー＆ペーストにし、？）ルール全体を書き直してみてください。

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

スペースを持つべきではありません、私は確信している「重要！」：

出典

2012-02-02 13:43:44 fcalderan

私はちょうど同様にそれを発見した。私はちょうどそれを削除し、それを再入力し、それは働いた。 –

それは素晴らしいです！どうもありがとうございます。次回は、他のすべてが失敗したときに検証を試みることを知っています。 – Richard

何らかの理由でスタイルタグが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

は、これは私があなたのCSS http://sydneypadua.com/2dgoggles/を参照するとき、私はFFで見るものです。 ＃コンテンツ-サイドバーラップが明確にdiv要素を決定するので

出典

2012-02-02 13:45:13 sinsedrix

いいえ、空白ではありません。空白は関係ありません。 [W3C独自の仕様]（http://www.w3.org/TR/2011/REC-CSS2-20110607/cascade.html#important-rules）のコード例でも、そこにスペースがあります！ –

それは

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

.DOUBLE-サイドバーが必要とされていないはずです。

出典

2012-02-02 13:49:13

真実ですが、必要ありません。しかし、それは問題の原因ではありません。それはエラーではありません。また、 '.classname＃idname'が複数のHTMLファイルにCSSファイルを適用し、各HTMLファイルに同じIDが含まれている場合など、' #idname alone'よりも具体的な状況があるかもしれませんそれらの1つだけをスタイルしたいと思う。 –

.double-sidebar #sidebar-1-wrapクラスの末尾にある*/を削除してください。これはあなたのCSSを壊している可能性があり、CSS規則.double-sidebar #content-sidebar-wrapを書き直す可能性があるためです。単独のidは

出典

2012-02-02 13:49:17 NicoSantangelo

<head>で定義されているCSSスタイルは適用されていませんか？

答えて

関連する問題