Bramus Van Damme

Using :is() in complex selectors selects more than you might initially think

https://www.bram.us/2023/01/17/using-is-in-complex-selectors-selects-more-than-you-might-initially-think/

While I wouldn’t write a selector like that myself, this is highly relevant because of CSS Nesting that is getting specified. There, the Nesting Selector (&) desugars to :is().

13 reactions

6 likes

4 reposts

3 replies

Wolfr
@nhoizey @bramus is it me or does the demo select exactly the same and it's supposed to prove a point that it doesn't?
- 1 April 2023, 01:22
- Source
Wolfr
@nhoizey @bramus nevermind I get it now
- 1 April 2023, 01:25
- Source
Timo Tijhof
@nhoizey @bramus The surprise with CSS :is() reminds me of the surprise in Elememt.querySelector. <div><p>
<i>..</i>
<div><i>..</i></div>
</p></div>
p = document.querySelector('div p');
p.querySelectorAll('div i').length === 2Selectors are absolute, not relative. They match based on full identity. This unlike jQuery where $p.find('div i') is naturally scoped to the paragraph, looking only for descendant divs and italics. #css #jquery #webdev https://johnresig.com/blog/thoughts-on-queryselectorall/
css…
- 6 May 2023, 17:13
- Source

Craig Abbott

Our CSS isn’t opinionated enough
- Nicolas Hoizey
- 2 November 2026
- CSS
- 4 reactions
We’ve built and pushed a “best practice” way of working where appearance and semantic meaning are completely decoupled. Then, we’re weirdly surprised…
Ahmad El-Alfy

A select should tell you something
- Nicolas Hoizey
- 2 November 2026
- HTML, CSS, UX
- 2 reactions
We finally can style a select. The bigger change is what an option can hold. Until now, an option was one line of plain text, so everything a person…
Patrick Brosset

Alignment in CSS Grid Lanes
- Nicolas Hoizey
- 13 October 2026
- CSS, Grid Lanes
- 5 reactions
[…] here is the really interesting part, aligning individual items along the stacking axis. At first sight, this might seem surprising. After all,…
Jake Archibald

Controlling when CSS custom property values are computed
- Nicolas Hoizey
- 15 September 2026
- CSS
- 2 reactions
When and how CSS custom property values are calculated might not be what you expect, and it has a big impact on your styles.
Josh W. Comeau

Scroll-Driven Animations
- Nicolas Hoizey
- 30 April 2026
- CSS, animations
- 4 reactions
The CSSWG deserves a lot of credit, in my opinion, for repurposing/extending CSS keyframe animations for scroll-driven animations. Rather than invent…

Using :is() in complex selectors selects more than you might initially think

Related contents with similar topics