CSSセレクタクラスとIDの違いは何ですか? HTML での id とクラスの使用法
チェン・ウェイリアン現在実行中SEO、サイトの最適化WordPressテーマ。
HTMLやCSSの基本的な知識はある程度学んだことがありますが、しばらく操作しておらず、特にCSSの部分の使い方は忘れがちです。
そのため、ここに CSS セレクターの ID とクラスの違いと使用法を記録して要約します。
- id は #div に対応します
- クラスは.divに対応
IDとクラスの違い
ID 説明
- id は固定タグで、#div の形式で定義される Web ページのより大きなスタイルを定義するために使用されます
- 例: 列、上、本文、下などの分割...
- 特定の要素を定義するために使用されます。この要素は、XNUMX ページに XNUMX 回だけ表示でき、繰り返し呼び出すことはできません。
クラスの説明
- Class は、Web ページの詳細なスタイルを定義するために使用されるスタイル グループで、.div の形式で定義され、繰り返し使用できます。
- 例: 特定のメニュー、テキスト行など...
- 同じページで、複数の要素から繰り返し呼び出すことができます
div セレクター自体にはプロパティがなく、css を定義することで、div の幅、高さ、背景色、テキスト サイズなどのレイアウトを制御します。
一般的なEコマースWebサイト、ウェブサイトを構築するプログラムによって生成された html Web ページは、CSS を介してページ レイアウトを実現することです。
セレクターとは?
各 CSS スタイルの定義は、次の 2 つの部分で構成されます。
选择器 {样式}
- {} の前の部分が「セレクター」です。
- 「セレクター」は、それが作用する {} の「スタイル」を示します。
- つまり、Web ページのどの要素でこの「スタイル」が機能するのでしょうか?
コード例
class="sidebar" 要素を選択してスタイルを設定する方法は次のとおりです。
.sidebar { background-color:black; }
id="footer" で要素を選択してスタイルを設定する方法は次のとおりです。
#footer { background-color:black; }
Hope Chen Weiliang ブログ ( https://www.chenweiliang.com/ ) 共有 "CSS セレクター クラスと ID の違いは何ですか? HTML での id と class の使用法」が役に立ちます。
この記事のリンクを共有することを歓迎します。https://www.chenweiliang.com/cwl-572.html
Chen WeiliangのブログのTelegramチャンネルへようこそ。最新のアップデートを入手できます!
🔔 貴重な「ChatGPT コンテンツ マーケティング AI ツール使用ガイド」をチャンネル トップ ディレクトリでいち早く入手してください! 🌟
📚 このガイドには非常に価値のある内容が含まれています。🌟これはめったにない機会です、お見逃しなく! ⏰⌛💨
気に入ったらシェア&いいね!
あなたの共有といいねは、私たちの継続的な動機です!
📚 このガイドには非常に価値のある内容が含まれています。🌟これはめったにない機会です、お見逃しなく! ⏰⌛💨
気に入ったらシェア&いいね!
あなたの共有といいねは、私たちの継続的な動機です!