ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでのIDってどういう意味ですか?

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

藏色散人
藏色散人オリジナル
2020-12-22 10:02:224118ブラウズ

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

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

推奨: 「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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。