CSS の 6 つの重要なセレクター (3 秒で覚える)

出典: https://blog.csdn.net/qq_44761243/article/details/108227213

CSS セレクターとは何ですか? ? ?

1. ワイルドカード文字 (*)

グローバル セレクターまたはユニバーサル セレクターとも呼ばれます。名前が示すように、すべての要素のスタイルを定義します。すべての要素のパディングを 2px に設定するなど、ページの美しさを高めるために、一部のデフォルト スタイルでよく使用されます *{padding: 2px; }。

2. タグセレクター

div、p、img などの要素セレクターとも呼ばれます。

3. クラスセレクター

クラス名は数字で始めることはできず、 で始める必要があります。ページのクラス名は繰り返すことができます。たとえば、クラス名 { } の形式。

4. IDセレクター

# で始まります。同じ ID 名をページに表示することはできません。

5. パラレルセレクター

つまり、複数のセレクターで同じスタイルをコンマで区切って設定する必要があります。たとえば、div,p{ color:red;} は、div タグと p タグのフォント色を赤に設定します。

6. 親子セレクター

要素間の関係で言えば、変化するのは息子です。セレクターはスペースで区切られます。たとえば、div h1{ font-size:60px;} は、div タグ内の h1 タグのフォント サイズを 60 ピクセルに設定します。ここで、スタイルを変更するには、h1 を div 内に配置する必要があります。

優先度：

IDセレクター > クラスセレクター > タグセレクター > ワイルドカード

優先順位を説明する必要はありません。最初にロードして実行した人がボスです┗|｀O′|┛

擬似クラスセレクターや擬似 ID セレクターなど、ここで一つ一つ紹介しきれないセレクターは他にもたくさんあります。重要なのは、覚えられない場合は、上記のものだけを覚えておくことです。これらはより一般的に使用されます。理解しやすくするためにいくつか例を挙げます。

クラス名と ID 名の命名規則:

1. 名前を数字で始めないでください。

2. クラス名とID名は文字通りの意味が明確である必要があります。中国語は使用しないでください。英語が苦手な場合は、ピンインを使用できます。ピンインが苦手な場合は、忘れてください。使用しないでください。ハハハ。 「馬鹿にしてないよ～」

世間知らずだったり、怠け者だったりすると、1、2、3と書いても構いません。しばらくしてからもう一度見たときに、1、2、3が何と書いてあるか思い出せなくて、がっかりするでしょうo(≧口≦)o

要約する

これで、CSS の重要なセレクター 6 つ (3 秒で覚えられる) についての記事は終了です。CSS セレクターに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。