CSSセレクタの基本的な使い方

CSSセレクタはスタイルの適用対象を指定するコードです。

ここではCSSセレクタ基本的な使い方を紹介していきます。

* (すべての要素)

(*)は全ての要素に対してスタイルを適用することができます。

p (要素名)

要素名により指定した要素に対してスタイルを適用することができます。

上記例のようにpのスタイルを決定した場合pにのみ適用されます。

.sample (クラス名の要素)

クラス名により指定した要素に対してスタイルを適用することができます。クラス名は1つの文書内で重複して指定が可能なので異なる要素に対して同じスタイルの指定ができるようになります。

#id (id名の要素)

id名により指定した要素に対してスタイルを適用することができます。

idはクラスと違い1つの文書内で重複して同じid名を使用することができません。

h2, p (複数)

セレクトを(,)で区切ること複数のセレクタに対して同じスタイルの適用が可能となります。


Welcome to UX MILK

UX MILKはより良いサービスやプロダクトを作りたい人のためのメディアです。

このサイトについて

UX MILKのディレクター募集

イベント