ホームページ  >  記事  >  ウェブフロントエンド  >  CSS IDとクラスの違いは何ですか

CSS IDとクラスの違いは何ですか

青灯夜游
青灯夜游オリジナル
2021-04-29 14:47:337255ブラウズ

相違点: 1. ID セレクターの接頭記号は「#」、クラス セレクターの接頭記号は「.」です。 2. ID はページ内で 1 回のみ表示でき、クラスはページ内で複数回呼び出すことができます。 3. ID は最初にページの構造とコンテンツを決定し、次にそのスタイルを定義しますが、クラスはその逆です。

CSS IDとクラスの違いは何ですか

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

スタイルを定義するとき、id と class の使用法が混同される場合があるため、ここで特別な説明をします:

id ​​属性と class 属性は、Web ページの 2 つの一般的な属性です。これらは連携して次のように機能します。ページ全体をカラフルにします。要素のスタイルを定義するとき。 ID またはクラスを使用できます。

  • CSS スタイル シートに記述する場合、ID セレクターの前に接頭記号「#」を追加し、クラス セレクターの前に接頭記号「.」を追加する必要があります。

  • id ​​属性は通常、ページ内で 1 回のみ使用できますが、クラスは複数回参照できます。要素のタグとして、id はさまざまな構造や内容を区別するために使用され、class はあらゆる構造や内容に適用できるスタイルです。

  • レイアウトの考え方に関しては、通常、次の原則に従います。ID は最初にページの構造とコンテンツを決定し、次にそのスタイルを定義します。逆に、クラスはページの構造とコンテンツを定義します。最初にクラスを作成し、必要に応じてクラス スタイルをページ上のさまざまな要素やコンテンツに適用します。

現在、ブラウザでは同じ属性値を持つ複数の ID を同一ページ内に表示することができ、通常であれば正常に表示できますが、JavaScript を使用して要素を ID で制御する場合、エラーが発生します。

実際のアプリケーションでは、クラスはテキスト セクションやページの変更でよく使用され、id はグランド レイアウトの実装や、含まれるブロックや含まれるボックス スタイルのデザインに使用されることが多くなります。

(学習ビデオ共有: css ビデオ チュートリアル)

以上がCSS IDとクラスの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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