読み込み中...

デザイン・CSS無料登録不要

CSS擬似クラス

CSS擬似クラスを表示する無料オンラインツール。CSS擬似クラスをブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。

項目	内容
:hover	ホバー
:focus	フォーカス
:active	アクティブ
:visited	訪問済
:first-child	最初の子
:last-child	最後の子
:nth-child(n)	n番目
:nth-of-type(n)	型n番目
:not()	除外
:is()	or
:where()	or(詳細度0)
:has()	子を持つ
:disabled	無効
:checked	チェック済
:empty	空
:focus-visible	キーボードフォーカス

FAQ

よくある質問

CSS擬似クラスの出力はChrome、Safari、Firefox、Edgeの最新版で動作します。古いブラウザ対応が必要な場合はCaniuse.comで各プロパティの対応状況を確認してください。

関連ツール

こちらもおすすめ

CSS擬似要素

CSS擬似要素を表示する無料オンラインツール。CSS擬似要素をブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。

CSS角度単位

CSS角度単位を表示する無料オンラインツール。CSS角度単位をブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。

animation-direction

animation-directionを表示する無料オンラインツール。animation-directionをブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。

animation-fill-mode

animation-fill-modeを表示する無料オンラインツール。animation-fill-modeをブラウザ上で即座に実行でき、デザイン・CSSとして登録不要で利用できます。

border-radiusジェネレーター

CSSのborder-radiusをGUIで視覚的に調整。4隅個別・楕円形の角丸にも対応。コードをコピーしてすぐ使える無料オンラインツール。

Box Shadow生成

CSS box-shadowをGUIで直感的に作成。多重シャドウ、ニューモーフィズム、テキストシャドウにも対応。コード即コピーの無料ツール。