[Web予備]要素セレクター

タグセレクター

タグセレクターはタイプセレクターとも呼ばれ、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;                   /* 定义内边距*/
}
163の元の記事が公開されました いいね18 ビジター7684

おすすめ

転載: blog.csdn.net/xcdq_aaa/article/details/105366008