[解決済み] CSSにおけるidとclassの違いと、どのような場合に使用するのか？[重複しています]。

質問

#main {
    background: #000;
    border: 1px solid #AAAAAA;
    padding: 10px;
    color: #fff;
    width: 100px;
}

<div id="main">
    Welcome
</div>

ここで、私は id を div 要素に関連するCSSを適用しています。

または

.main {
    background: #000;
    border: 1px solid #AAAAAA;
    padding: 10px;
    color: #fff;
    width: 100px;
}

<div class="main">
    Welcome
</div>

ここで、私は class を div というように、同じ仕事をしてくれていることもあります。

では、具体的にどのような違いがあるかというと イド と クラス を使用する必要があります。 id を、どのような場合に使用するのでしょうか？ class .? 私はCSSとウェブデザインの初心者で、これを扱っている間に少し混乱しています。

どのように解決するのですか？

詳細はこちら はこちらをご覧ください。

例

<div id="header_id" class="header_class">Text</div>

#header_id {font-color:#fff}
.header_class {font-color:#000}

(ただし、CSSでは接頭辞 # をIDに、そして . はクラス)

しかし color は、HTML 4.01 <font> タグの属性は、HTML 5 で非推奨となりました。 CSSでは"font-color"は存在せず、スタイルが color ということで、上記はこう読むべきでしょう。

例

<div id="header_id" class="header_class">Text</div>

#header_id {color:#fff}
.header_class {color:#000}

テキストは白になる。