CSSのIDセレクターとクラスセレクターの紹介

id ​​セレクター

ID セレクターは、特定の ID でマークされた HTML 要素の特定のスタイルを指定できます。

HTML 要素は id 属性を使用して ID セレクターを設定し、CSS の ID セレクターは "#" で定義されます。

例:

#para1
{
    text-align:center;
    color:red;
}

注: ID 属性を数字で始めないでください。数字で始まる ID は、Mozilla/Firefox ブラウザでは機能しません。

クラス セレクター

クラス セレクターは、要素のグループのスタイルを記述するために使用されます。クラス セレクターは ID セレクターとは異なります。クラスは次のとおりです。複数の要素で使用されます。

クラスセレクターは、HTMLではclass属性で表されますが、CSSではクラスセレクターはドット「.」で表示されます。

例:

次の例では、中心クラスを持つすべての HTML 要素が中央に配置されます。

.center {text-align:center;}

クラスを使用して特定の HTML 要素を指定することもできます。

例:

次の例では、すべての p 要素で class="center" を使用して要素のテキストを中央に配置します。

p.center {text-align:center;}

推奨チュートリアル: CSS 基本チュートリアル

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