css selector_html/css_WEB-ITnose

一般的に使用されるセレクターの紹介

ワイルドカード セレクターとは、ドキュメント オブジェクト モデル (DOM) 内のすべてのタイプの単一のオブジェクトを選択することを指します。

*{csscode rules}、ここで * は、body、div、td などを含むすべての型を表します。

型セレクターは、ドキュメント オブジェクト モデル (DOM) を次のように使用することを指します。セレクター、つまり、HTML タグをオブジェクトとして選択し、スタイル ルールを設定します。

P{

}

Div{

}

には、コンテナー レイヤーのサブレイヤーを制御するセレクターが含まれており、同じ名前を持つ他のオブジェクトは影響を受けません。このルールでは、セレクターを含むオブジェクトは、大きいものから小さいもの、つまりコンテナー レイヤーからサブレイヤーに向かって順番に選択する必要があります。

E1 E2

{

}

E1 は親レイヤー オブジェクトを指します。E2 は小さな点のレイヤーまたはサブレイヤー オブジェクト、つまり E1 を指します。オブジェクトには E2 オブジェクトが含まれます

eg

}

レイアウトによく使用されるセレクター:

ID

セレクターは、セレクターとしての一意の識別子DOM では、ID 識別子は「#」で始まり、その後に ID 名が続きます。ID 識別子がスタイル内に複数出現する場合、システムは最初に出現するものとして認識されます。そしてその他は無視されます。

クラスセレクターは、クラスセレクターとも呼ばれます。これは、クラスがドキュメント内で複数回使用できることを意味します

「.」で始まり、その後にクラス名が続きます

注: クラスセレクターとタイプの選択 シンボルの違い - タイプは HTML のタグを指します

グループ化セレクターは、複数のタグに同じスタイルを設定することを指し、異なるタイプでは同じスタイルを表します。

セレクターをカンマ区切りのグループに結合します

Html

、body

{

}

以下の表は上記の内容をまとめたものです

セレクター

式 例

意味

ワイルドカードセレクター

*{css

コードルール}*{cssコードルール} *はすべてのタイプを表しますbody、div、td などを含みます。 セレクターとしてドキュメント オブジェクト モデル (DOM) を使用します { セレクターをカンマ区切りのグループに結合します複数のタグ 異なるタイプで同じスタイルを設定すると、同じスタイルです

	型セレクター	P{	} ディビジョン{
	}	E1は親レイヤーオブジェクトを指し、E2は小さな点のレイヤーまたはサブレイヤーオブジェクトを指します。つまり、E1オブジェクトにはE2オブジェクトが含まれます IDselector	「#」で始まり、の後にID名
		クラスセレクター 「.」で始まり、その後にクラス名	グループセレクター
Html、body	{	}