ローカルホストでCSSをロードして適用する場合

注：解決策は下部に回答に追加されています。ローカルホストでCSSをロードして適用する場合

さて、私はずっとそれをやってきましたが、今は動作しません。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html> 
<head> 
    <title></title> 
    <link href="styles/main.css" type="text/css"/> 
</head> 
<body> 

    <div class="main"> 

    </div> 
</body> 
</html>

CSSコード：

body 
{ 

} 
div .main 
{ 
    background-image:url(../images/main_background.jpg); 
    background-repeat:no-repeat; 
    height:950px; 
    width:897px; 
}

ここ

 
+ root 
|_ + styles 
    |_ -main.css 
|_ + images 
    |_ - background.jpg 
|_ - index.html

はhtmlコードです：ここで
はとてもシンプルである私のフォルダ構造であります問題は： cssファイルがロードされていないようで、htmlファイルのクラス名mainにCSSスタイルが適用されていません。それは本当にイライラしています。私はまた、IISの下にアプリケーションを作成してそれらを配置しました。

何が間違っている可能性がありますか？

ありがとうございました。

策：両方の答えは私の問題を解決するために同じ場所である必要がありますので、私はここに完全な答えに置くことにしました

：それはされている必要があります

を
div.mainと<link href="styles/main.css" type="text/css" rel="stylesheet"/>

出典

2010-12-15 Tarik

あなたはそうのように、あなたのCSSファイルのlinkためrel属性を宣言する必要があります：

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

出典

2010-12-15 04:27:31 matthewpavkov

この回答も正しいですが、問題を完全に解決するには、tjmの回答も必要です。http://goo.gl/sHIro – Tarik

相対パスから絶対パスへの変更：

<link href="styles/main.css" type="text/css"/><!-- relative --> 
<link href="/styles/main.css" type="text/css"/><!-- absolute -->

出典

2010-12-15 04:26:43 Stephen

私はCSSのdiv .mainがdiv.mainを読むべきだと思います。スペースがないことに注意してください。

スペースでは、divの子要素を指定しています。ここでは、子がクラスmainを持ち、divクラスをmainと指定するスペースはありません。

出典

2010-12-15 04:28:14 tjm

@Braveyardこれも当てはまります。クラス 'main'で' div'をターゲットにするには、 'div.main'または単に' .main'を使う必要があります。 'div.main'を使うと' .main'クラスを持つ子要素を持つ 'div'が検索されます。 – matthewpavkov

私はスペースファクターを知らなかった。ありがとう。 – Tarik

これも当てはまりますが、答えとしてマークするオプションは1つだけです。 – Tarik

ローカルホストでCSSをロードして適用する場合

答えて

関連する問題