🔗 Can’t touch the DOM? Reach for :has() to style any element

Using third-party component libraries can speed up development but often limits styling flexibility. Andrew Spencer introduces the CSS pseudo-class :has(), which allows developers to style parent or sibling elements without modifying the DOM directly. This tool lets you style elements based on the presence of others, unlocking new possibilities in CSS design. It's particularly useful for handling components from libraries where custom styles might be challenging. For example, :has(.error) enables dynamic styles like changing the label color based on the error state of an input. With growing browser support, this feature heralds a new era for more straightforward styling adjustments in complex component libraries.