HTML主な要素をidに割り当てる

Question

主な要素を主人公id（私は自分のCSSファイルで作成したもの）に割り当て、ヘルプでグーグルを試してみたところ、これを行う方法。私はdivクラス= "英雄"をやってみましたが、それはうまくいかず、私の教科書にはこの例がないようです。助けてくれてありがとう。それはあなたがクラスとIDの間で混乱しているようですね、

#hero { 
height: 300px; 
color: #f5f5dc; 
background-image: url(heroroad.jpg); 
background-size: 100% 100%; 
background-repeat: no-repeat; 
} 

Answer 1

を助けている場合、ここで

は、使用しようとしたIDイムです。

CSSでは、ハッシュ記号はセレクタがその名前に一致するidを持つ要素を探していることを意味します。だから、「英雄」のIDを持つ要素を一致させるために、あなたのHTMLは次のようになりしなければならないでしょう：

<div id="hero"></div> 

あなたは「主人公のクラスにマッチするようにCSSを望んでいた場合は、あなたのCSSセレクタが見えます

.hero { 
    //your styling 
} 

し、HTMLのようなクラスを使用している場合、あなたのCSSセレクタがなる

<div class="hero"></div> 

Answer 2

ようになり

.hero{ 
    //style 
} 

あなたはcssセレクタが＃です。これはidセレクタです。idセレクタは＃であり、クラスセレクタは＃であることに注意してください。あなたがIDを使用している場合

Answer 3

クラスを使用している場合、あなたはCSSにドット（。）を使用することができます
<div id="hero">
This is id
</div>

#hero{ 
color: red; 
} 

、あなたはCSSに＃を使用することができます
<div class="hero">
This is class
</div>

.hero{ 
    color: blue; 
}