3テラバイト

プログラム関連備忘録サイト。主にゲーム。

CSS

CSS擬似クラス一覧

投稿日:2020年8月25日 更新日:

クラス名説明
:activeアクティブ化されている要素
:any-linkhref属性持つ要素
:checkedラジオボタンやチェックボックスでチェックされている要素等
:default関連する要素で規定の要素
:defined定義されている全ての要素
:disabled無効な要素
:empty子要素を持たない要素
:enabled有効な要素
:first文書の最初のページ
:first-child兄弟要素の中で最初の要素
:first-of-type兄弟要素の中で指定種類の最初の要素
:fullscreen全画面モード
:focusフォーカスされている要素
:hoverマウスオーバーされている要素
:indeterminate<progress>要素で中間の時、ラジオボタンでいずれも選択されていない状態の要素等
:in-rangemin属性、max属性の範囲内に収まっている<input>要素
:invalidformの内容で検証に失敗した要素
:last-child兄弟要素の中で最後の要素
:last-of-type兄弟要素の中で指定種類の最後の要素
:left印刷文書の左側のページ
:link未訪問リンク
:nth-child()兄弟要素の中での順番
:nth-last-child()兄弟要素の中での後ろから数えた順番
:nth-last-of-type()兄弟要素の中での後ろから数えた指定種類要素の順番
:nth-of-type()兄弟要素の中での指定種類要素の順番
:only-child兄弟要素がない要素
:only-of-type兄弟要素に指定種類の要素がない要素
:optionalrequired属性が指定されていない<input>,<select>,<textarea>
:out-of-rangemin属性、max属性の範囲内に収まっていない要素
:read-onlyユーザーが編集できない要素
:read-writeユーザーが編集できる要素
:requiredrequired属性が指定されている<input>,<select>,<textarea>
:right印刷文書の右側のページ
:root文書のルート要素、HTMLの場合は<html>要素
:validformの内容で検証に成功した要素
:visited訪問済リンク

-CSS


comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

関連記事

no image

角丸の設定を行うCSSプロパティborder-radiusの使い方

こんにちは、今日は角丸の設定を行うことができるCSSプロパティ、border-radiusの使い方についてまとめていきます。 使い方 1から4の値を指定することができます。 1つ指定した場合は4角に、 …

no image

段組レイアウトするcssプロパティcolumnsの使い方

こんにちは、今日はWebサイトで段組レイアウトすることができるcssプロパティ、columnsの使い方についてまとめていきます。 サンプル <!DOCTYPE html> <html …

no image

CSS擬似要素一覧

要素名説明::afterその要素の最後の子要素として擬似要素を作成します。::backdrop::beforeその要素の最初の子要素として擬似要素を作成します。::cue::cue-region::f …

no image

CSSプロパティobject-fitの使い方

こんにちは、今日はCSSのプロパティ、object-fitの使い方についてまとめていきます。 W3Cページ それぞれの値適用時のイメージ図があります。 https://www.w3.org/TR/cs …