CSSでのIDってどういう意味ですか？

id ​​は、CSS の ID セレクターを表します。ID セレクターを使用すると、ドキュメント要素とは独立した方法でスタイルを指定できます。HTML 要素は id 属性を使用して ID セレクターを設定し、HTML 要素は ID セレクターを使用します。 CSS デバイスは、チェッカーボード番号またはシャープ記号とも呼ばれる「#」で定義されます。

推奨: 「css ビデオ チュートリアル 」

CSS ID セレクター

ID セレクターは、ある意味ではクラス セレクターに似ていますが、いくつかの重要な違いがあります。

構文

HTML 要素は id 属性を使用して ID セレクターを設定します。CSS の ID セレクターは「#」 (チェッカーボードとも呼ばれます) で定義されます。数字またはポンド記号。

次のルールを参照してください:

*#intro {font-weight:bold;}

クラス セレクターと同様に、ワイルドカード セレクターは ID セレクターで無視できます。前の例は次のように書くこともできます:

#intro {font-weight:bold;}

このセレクターの効果は同じです。

2 番目の違いは、ID セレクターが class 属性の値を参照するのではなく、id 属性の値を参照することは間違いありません。

使用法:

html
<div class="to">
    <p id="dog">指定具有id元素的样式</p>
</div>
css
 #dog{
        background-color: aqua;
    }

大文字と小文字の区別

クラス セレクターと ID セレクターでは大文字と小文字が区別される場合があることに注意してください。これは文書の言語によって異なります。 HTML と XHTML では、クラスと ID の値の大文字と小文字が区別されるように定義されているため、クラスと ID の値の大文字と小文字はドキュメント内の対応する値と一致する必要があります。

したがって、次の CSS および HTML では、要素は太字になりません:

#intro {font-weight:bold;}
<p id="Intro">This is a paragraph of introduction.</p>

文字 i の大文字と小文字が異なるため、セレクターは上記の要素と一致しません。

以上がCSSでのIDってどういう意味ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。