Question 1

What is CSS :has() selector?

Accepted Answer

The CSS :has() pseudo-class is a parent selector that lets you style an element based on its children or descendants. For example, div:has(p) selects any div that contains a paragraph.

Question 2

Is CSS :has() supported in all browsers?

Accepted Answer

CSS :has() is supported in all modern browsers — Chrome 105+, Firefox 121+, Safari 15.4+, and Edge 105+. It covers over 92% of global browser usage as of 2026.

Question 3

Can I use :has() with pseudo-elements and complex selectors?

Accepted Answer

Yes. :has() works with descendant selectors (.parent:has(.child)), sibling selectors (h2:has(+ p)), attribute selectors (input:has([type=checkbox]:checked)), and combinators.