ホームページ > ウェブフロントエンド > htmlチュートリアル > CSS疑似クラスと疑似オブジェクトの選択 (5)_html/css_WEB-ITnose

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

WBOY
リリース: 2016-06-24 11:46:28
オリジナル
1370 人が閲覧しました

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 は動的疑似クラスと呼ばれ、理論的には任意の要素に適用できます。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート