ホームページ  >  記事  >  ウェブフロントエンド  >  CSS の UI 要素ステータス疑似クラス セレクターとは何ですか?

CSS の UI 要素ステータス疑似クラス セレクターとは何ですか?

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

CSS の UI 要素ステータス疑似クラス セレクターは次のとおりです: 1. E: ホバー; 2. E: アクション; 3. E: フォーカス; 4. E: 有効; 5. E: 無効; 6. E: 読み取り専用; 7. E: 読み取り/書き込み; 8. E: チェック済み。

CSS の UI 要素ステータス疑似クラス セレクターとは何ですか?

UI 要素状態疑似クラス セレクターの特徴:

指定されたスタイルは、特定の状態でのみ有効になります。

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

は:

  • E: ホバーマウス ポインタが要素の上に移動したときに要素で使用されるスタイルを指定するために使用されます。

  • E:action は、要素がアクティブ化される (マウスが要素上で押されたことを示す) ことを指定するために使用されます。まだリリースされていません) );

  • E:focus は、要素がカーソル フォーカスを取得するときに使用されるスタイルを指定するために使用されます。主にテキスト ボックス スペースがフォーカスを取得するときに使用されます。 Style;

  • E:enable 要素が使用可能な状態にあるときにスタイルを設定します;

  • E:disabled要素が無効な状態にあるときにスタイルを設定します Style;

  • E:read-only 要素が読み取り専用状態にあるときにスタイルを設定します;

  • E:読み取り/書き込みは、要素が非読み取り専用状態にある場合のスタイルを設定します。読み取り専用状態にある場合のスタイル;

  • E: selected は、フォーム内のラジオ ボタンまたはチェック ボックス チェックボックスが選択状態にあるときのスタイルを指定します。

  • E:default は、選択状態にあるラジオ ボタンまたはチェック ボックスのスタイルを指定します。ページを開いたときのデフォルト; (ユーザーがデフォルト状態をラジオボタンの選択状態またはチェックボックスを無効状態に設定した場合でも、これを使用します。セレクターによって設定されたスタイルも有効です)

  • E: indeterminate は、ページを開いたときに、ラジオ ボタンのグループ内のいずれかのオプションが選択状態に設定されていない場合、グループ ラジオ ボタンのスタイル全体を指定します。このスタイルは、ユーザーはラジオ ボタンのいずれかを選択します。

  • E::selection 要素の選択状態のスタイルを設定します。

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

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

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