html - divタグにcssが適用されていません。何故ですか？

Question

次のスニペットを使用して、テキストFileNameとNodeThatShared装飾を印刷してみます。css しかし、それは私が（簡単な方法で）使用しなかったかのように印刷されます。これの理由は何でしょうか？

HTML :

<div id="FileName">
    FileName
</div>

<div id="NodeThatShared">
    NodeThatShared
</div>

CSS:

root { 
  display: block;
}

FileName {
  font-size:10px;
  text-decoration:underline;
  font-weight:bold;
}

NodeThatShared {
  font-size:9px;
}

score 2 · Accepted Answer

あなたが必要です

#FileName

#NodeThatShared

.HTMLクラス #を示しますHTMLIDを示します

そう<div id="test">です#test、そして<div class="test">です.test。

score 2 · Accepted Answer

CSSファイルでは、ID名の前に＃記号を含める必要があります。

クラスを使用する場合は、を入力してください。クラス名の前。

CSSは次のようになります。

#FileName {
    font-size:10px;
    text-decoration:underline;
    font-weight:bold;
}

#NodeThatShared {
    font-size:9px;
}

score 0 · Accepted Answer

要素を適切に選択していない場合、適切な方法は次のとおりです。

#FileName {
  font-size:10px;
  text-decoration:underline;
  font-weight:bold;
}

#NodeThatShared {
  font-size:9px;
}

クラスのCSSセレクターは「。」で示されます。IDの場合は「＃」。

両方の例を次に示します。

<div class="my_class">This div is styled by a class selector</div>
<div id="my_id">This div is styled by an id selector</div>

.my_class { backgroud:orange; }
#my_id    { background:red; }

score 0 · Accepted Answer

CSSIDの前にポンド記号を付ける必要があります#

#FileName {
  font-size:10px;
  text-decoration:underline;
  font-weight:bold;
}

#NodeThatShared {
  font-size:9px;
}

CSSクラスの前にピリオドを付ける必要があります.

score 0 · Accepted Answer

セレクターのタイプを前面に追加する必要があります。好き：

#FileName {
  font-size:10px;
  text-decoration:underline;
  font-weight:bold;
 }

#NodeThatShared {
  font-size:9px;
}

score 0 · Accepted Answer

#IDを示す記号を見逃しました。

^{（質問に答える記号が1つしかないのに、投稿できない場合（30文字以上必要）は嫌いです）}

#FileName {
  font-size:10px;
  text-decoration:underline;
  font-weight:bold;
}

#NodeThatShared {
  font-size:9px;
}

score 0 · Accepted Answer

idcss でを参照するには、次を使用します。

#{id name}

あなたの場合は次のようになります。

#FileName

#NodeThatShared

classcss でa を参照すると、次のようになります。

.{class name}

そのような：

.class1

.class2

score 0 · Accepted Answer

CSS では、ID はスタイルシート内の先頭に「#」記号があるものを参照する必要があります。例えば：

 #FileName {
font-size:10px;
 text-decoration:underline;
font-weight:bold;
}

 #NodeThatShared {
font-size:9px;
}

これは ID にのみ適用されることに注意してください。クラスを使用するには、次のようになります。

 .FileName {
font-size:10px;
 text-decoration:underline;
font-weight:bold;
}

 .NodeThatShared {
font-size:9px;
}

クラスは複数回使用できます。

html - divタグにcssが適用されていません。何故ですか？

8 に答える 8

Related

Reference