ホームページ  >  記事  >  ウェブフロントエンド  >  CSS疑似クラスにはどのような種類があるのでしょうか?

CSS疑似クラスにはどのような種類があるのでしょうか?

王林
王林オリジナル
2020-11-17 11:27:073806ブラウズ

css 疑似クラスは、UI 疑似クラスと構造化疑似クラスの 2 つのタイプに分類されます。 UI 擬似クラスは、リンク擬似クラス、フォーカス擬似クラス、ターゲット擬似クラスに分類されます。構造化疑似クラスは [:first-child]、[:last-child]、および [:nth-child] に分割されます。

CSS疑似クラスにはどのような種類があるのでしょうか?

CSS 疑似クラスは 2 つのタイプに分類されます:

1. UI 疑似クラス: HTML 要素が特定の状態にある場合(接続上にあるマウス ポインターなど) その要素に CSS スタイルを適用します。

2. 構造化擬似クラス: マークアップに特定の構造的関係がある場合 (要素が要素グループの最初または最後であるなど)、CSS スタイルが応答要素に適用されます。 。

(学習ビデオ共有: css ビデオ チュートリアル)

UI 疑似クラス: 最も一般的に使用される UI 疑似クラス要素はリンク (要素) )。

これは 3 つのタイプに分かれています:

1. リンク擬似クラス: 合計 4 つがあり、リンクは常に 4 つの状態のいずれかになります。

(1) リンク リンクはユーザーがクリックするのを待っています。

(2) 訪問ユーザーは以前にこのリンクをクリックしました。

(3)ホバー マウス ポインタがリンク上に移動します。

(4) アクティブなリンクがクリックされています (マウスが要素上で押されていますが、放されていません)。

2. フォーカス疑似クラス (フォーカス)

3. ターゲット疑似クラス (ユーザーがカートン ページ内の別の要素へのリンクをクリックした場合、その要素がターゲットになります)。使用できます: ターゲット擬似クラスがそれを選択します。)

構造化擬似クラス:

1.: first-child および: last-child

: first- child は兄弟要素のグループを表します。 の最初の要素、および :last-child は最後の要素を表します。

2. :nth-child: リスト項目のセット内の各 n 番目の項目が選択されます。

関連する推奨事項: CSS チュートリアル

以上がCSS疑似クラスにはどのような種類があるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。