タグセレクター
タグセレクターはタイプセレクターとも呼ばれ、HTMLタグ名を直接参照し、同じ名前のすべてのタグを照合するために使用されます。
-
利点:使いやすく、直接参照できるため、タグに属性を追加する必要がありません。
-
短所:マッチング範囲が広すぎて、精度が十分ではありません。
-
一般的に使用されるタグセレクターは、各タグのデフォルトスタイルをリセットします。
p{
font-size:12px;
color:red;
}
クラスセレクター
クラスセレクターには、ピリオド(。)が前に付き、クラス名が続きます。
タグでクラス属性を定義した後、属性値をクラスセレクターの名前に設定します。
複数のクラス名をラベルに割り当てることができ(各クラス名はスペースで区切られています)、より多くの選択肢を実現できます
<style>
.red{
color:red;
}
</style>
<body>
<p class="red">
aaaaa
</p>
</body>
IDセレクター
IDセレクターには、先頭にポンド記号(#)があり、その後にID名が続きます。
タグでid属性を定義した後、属性値をIDセレクターの名前に設定します。
要素のid値は一意であり、ドキュメント内の特定の要素にのみ対応できます。
<style>
#red{
color:red;
}
</style>
<body>
<p id="red">
aaaaa
</p>
</body>
ワイルドカードセレクター
ワイルドカードセレクターはアスタリスク(*)で示され、ドキュメント内のすべてのタグを照合するために使用されます。
たとえば、次のコードはワイルドカードセレクターを使用してCSSスタイルを定義し、すべてのHTMLタグのデフォルトのマージンをクリアします。
* {
margin: 0; /* 定义外边距*/
padding: 0; /* 定义内边距*/
}