CSS疑似クラスと疑似オブジェクトの選択 (5)_html/css_WEB-ITnose

1. 疑似セレクター

疑似セレクターには、コロン (:) が接頭辞として付けられ、その後に疑似クラス名または疑似オブジェクト名が続きます。スペースは含まれません。コロンの前後。それ以外の場合は、次のようなセレクター

を含むように解析されます。

div:hover{ font-size:12px;}/*div为指定标签名hover选择符,伪类 或者 伪元素名*/

擬似セレクターは、特別な領域または特別な状態にある要素またはオブジェクトを選択するために特別に使用されます。これらの特別な領域または特別な状態は通過できません。ラベルセレクターと ID セレクター。または正確な制御のためのクラスセレクター

2. 疑似クラスセレクターと疑似オブジェクトセレクター

疑似クラス	説明
:focus	入力フォーカスになったときにオブジェクトを定義します (オブジェクトのonfocusイベント発生）
:first-child	オブジェクトの最初の子オブジェクトのスタイルを定義する
:first	シェールコンテナの最初のページでのみ使用されるスタイルを定義する@page ルールに適用されます
: left	ページコンテナがガターの左側にあるすべてのページで使用されるスタイルを定義します。@page ルールにのみ適用されます
: right	スタイルを定義しますページコンテナがガターの右側にあるすべてのページによって使用され、 @page ルールにのみ適用されます
:lang	特別な言語を使用してオブジェクトのコンテンツスタイルを定義します

pseudo-object	description
:after	content 属性と一緒に使用し、オブジェクトの後にコンテンツを定義します
:before	content 属性と一緒に使用して、オブジェクトの前のコンテンツを定義します
:first -letter	オブジェクトの最初の文字のスタイルを定義します
:first -line	オブジェクトの最初の行のスタイルを定義します

3. もあります。 : link 未訪問のハイパーリンクのスタイルを定義できる a: link セレクター スタイルの代わりにセレクターを使用できます。

: link と :visited はリンク疑似クラスと呼ばれ、アンカー要素にのみ適用できます。

:hover、:active および :focus は動的疑似クラスと呼ばれ、理論的には任意の要素に適用できます。