Decoding CSS Selectors: :has(:not) vs :not(:has) | Polypane
CSS functions like :is(), :not() and :has() are powerful tools that make it much easier to select elements specifically. We've written before about how ::where…
What's new in CSS and UI: I/O 2023 Edition - Chrome Developers
The top 20 CSS and UI features highlighted at Google I/O 2023 that you don't want to miss.
Conditional CSS with :has and :nth-last-child - Ahmad Shadeed
A modern look at how to combine CSS :has, :nth-last-child, and style queries to create dynamic components.
Selecting previous siblings with CSS :has()
Selecting a previous sibling was for long impossible, but is now a breeze with the has() pseudo-class
Level Up Your CSS Skills With The :has() Selector — Smashing Magazine
The CSS relational selector :has() offers what was previously impossible without JavaScript. Let’s explore some magical powers that :has brings.
Using :has() as a CSS Parent Selector and much more
It’s been a long-standing dream of front-end developers to have a way to apply CSS to an element based on what’s happening inside that element.
@container and :has(): two powerful new responsive APIs landing in Chromium 105 - Chrome Developers
"Container queries and :has() are a match made in responsive heaven. Luckily, both of these features are landing together in Chromium 105. This is a huge release with two highly-requested features for responsive interfaces!"
:has(): the family selector - Chrome Developers
With :has() landing in Chromium 105. Let's take a look at some of the awesome opportunities it brings to our CSS!
Meet :has, A Native CSS Parent Selector (And More) — Smashing Magazine
What makes relational selector one of the most requested features and how are we, as developers, working around not having it? In this article, we’re going to check the early spec of the :has selector, and see how it should improve the CSS workflow once it’s released.