CSSの疑似クラスとは何ですか

css 疑似クラス: ":active"、":any-link"、":blank"、":checked"、":current"、":first"、":first-child"、 「:future」、「:focus」、「:has()」、「:host」など。

このチュートリアルの動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。

疑似クラス セレクター (疑似クラスと呼ばれる) はコロンによって定義され、クリックが押された、クリックが完了したなどの要素の状態を定義します。スタイルは、疑似クラスを介して要素の状態を取得します。 CSS 疑似クラスは、セレクターに特殊効果を追加するために使用されます。

css の疑似クラスのリスト

##一般的に使用される疑似-クラスとその分類

#1. 動的疑似クラス セレクター

• #E:リンク

• E:訪問済み

##E:アクティブ
E:ホバー
E :focus
2. ターゲット擬似クラス セレクター

は、URI 内の識別子のターゲット要素と一致するために使用されます。ページの。

E:target

E に一致するすべての要素を選択します。一致する要素は、関連する URL によって参照されます。

3. 言語擬似クラス セレクター

は、指定された言語を使用して要素を照合するために使用されます。

E:lang(言語)

4. 要素ステータス疑似クラスセレクター

要素が特定の状態 設定が無効な場合にのみ有効になり、デフォルト状態では有効になりません。

• 例:

  input[type="checkbox"]:checked{}

  ログイン後にコピー

• #例:

  input[type="text"]:checked{}

  ログイン後にコピー

• ##例:

  input[type="text"]:disabled{}

  ログイン後にコピー
  5. 構造擬似クラス セレクター

#:n 番目の子

##:n 番目の最後の子

• ##:n 番目のタイプ

• :n 番目の最後のタイプ

• #:最初の子

• :最後の子

• :唯一の子

• :最初のタイプ

• :last-of-type

• :only-of-type

• : root

  ドキュメントのすべてのルート要素と一致します

• :empty

  子要素がなく、ノードを含まない要素を選択します

• 6. 否定疑似クラス セレクター

• E:not(F)

  F を除くすべての E 要素と一致します

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

以上がCSSの疑似クラスとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。