Advanced CSS Pseudo-Class Selectors

Advanced CSS Pseudo-Class Selectors — a practical guide to CSS advanced pseudo-classes with clear examples you can reuse in real projects.

CSS Tutorial Series (93/109). Prefer one article? Read the complete CSS tutorial.

Short description

:has() enables parent selection — check browser support for your audience.

Advanced

:is(h1, h2, h3) { line-height: 1.2; }
.card:has(img) { padding-top: 0; }
:where(.prose) a { color: inherit; }