CSSの奇妙：いくつかのプロパティは解釈されません

Question

問題は私のウェブサイトhttp://dev.gratefulhearttherapy.org/に、予想通り、少なくとも2つのCSSプロパティが表示されないということです。

html { 
    background: #fff url('images/bg-top-honey-v3.0.jpg') top center repeat-x !important; 
} 

#bd img { 
    margin: 0; 
    padding: 4px; 
    border: solid 1px #D9D9D9; 
} 

一つの背景画像が欠落している、と写真がありません彼らが持っているはずの灰色の境界。

昨日の夜、私は私のコードでは3つの事をいじりました：

1. cssファイルのタイポグラフィ-new2.css 、
2. ファイル要素はmeta.php PHP、header.phpの、footer.php、 Googleアナリティクスのコードは
3. です。

私は何かを壊したにちがいありませんが、何が見つかりませんか？私はウェブサイトとCSSをW3Cバリデーターに渡そうとしましたが、Chromeのインスペクタでコードを精査し、クローズされていないタグなどを探しましたが、何も見つかりませんでした。

Chromeのインスペクタを使用してhtml要素とimgを見ると、欠落しているCSSが存在しないように見えます。

助けていただけたら幸いです！感謝の気持ちで。

Answer 1

の問題は、あなたのスタイルシートにあります。

を非常にトップあなたはコメントだけで区切らhtml前にimgを参照した時：表示されないタイポグラフィ-new2.css

背景。だから、htmlルールが実際にimg html {として解釈されている：灰色の境界線が欠け

img /* REMOVE THIS LINE*/ 

/* @import url('http://dev.gratefulhearttherapy.org/themes/gratefulheart/tabs.css'); */ 
/* All CSS files above will be loaded from this single document. */ 

html { 
    margin: 0; 
    padding: 0; 
    /* background: #fff; #f9dc91 url(http://dev.gratefulhearttherapy.org/themes/gratefulheart/images/background-sandish-tile.jpg) !important; */ /* #F9D984; */ /* customize_background_color */ 
    background: #fff url('http://dev.gratefulhearttherapy.org/themes/gratefulheart/images/bg-top-honey-v3.0.jpg') top center repeat-x !important; 
} 

画像：

あなたは右であるルール#bd img前に終了コメント/の*の外のフルラインを持っていますルールが適用されていないのはおそらく理由です。

/******************************** 
********************************* 
*  $$ GENERAL TYPES 
********************************/ 
******************************** /* REMOVE THIS LINE */ 

#bd img { 
    margin: 0; 
    padding: 4px; 
    border: solid 1px #D9D9D9; 
} 

2行を削除すると、すべての問題を解決する必要があります。

Answer 2

あなたの画像は#bdの直系子孫ではありません。あなたの問題はCSSコードが問題ではないかと思います。他の問題については、@ 150poundsofdonamitesの回答を参照してください。

これでも希望の結果が得られない場合は、htmlをbodyに変更してみてください。