CSS Selectors Level 4 の pseudo セレクタたち

:any-link = :link + :visited - href があるすべてのリンク

:focus-visible - フォーカス対象のスタイリング

:focus-within - フォーカス時に親要素をスタイリング

:is() - 複数のセレクタに同時適用

:where() - is() に似ているが zero-specificity。フレームワークなどでデフォルト値を適用する際に活用

強化された :not() - セレクタリストをサポート

:has() - 特定の要素を持つ親を探す。提案には含まれているが "at-risk"（Rec では外れる可能性あり）

:empty - Level 3 で提案。子要素がないすべての要素を選択

[xguru]

:focus-visible & :focus-within でアクセシビリティを高める https://marshall-ku.com/web/tips/…