Tag

#pseudo-classes

Tagged “pseudo-classes”

2 articles

Styling the dialog element: open is not the same as modal

A CSS-Tricks walkthrough by Geoff Graham lays out the styling model for HTML's dialog element — the modal-versus-non-modal split, three overlapping pseudo-classes, and where the animations plug in.

Aug 8, 2026 · Iris Calderón CSS & layout

Pseudo-classes are states, not events

CSS-Tricks reframes the everyday choice between :hover, :focus-visible, :has() and the matching JavaScript event listeners. The piece also previews the proposed event-trigger syntax in the Animation Triggers spec, which would let CSS bind animations to events instead of states.

Jun 29, 2026 · Iris Calderón