Re: [csswg-drafts] [css-nesting-2] Syntax to customize how a nest-containing selector is resolved? (#6330)

Oh that’s even more ingenious, as `:is()` bears specificity in mind.

Right, so the spec desugars to the equivalent of `.container.selected :is(.container .widget)` whereas preprocessors desugar as `.container.selected .container .widget` – which creates a problem that I tried to address with this issue. But I really think that’s already solved by the spec now.

However, if I’m not mistaken your last example is not accurate: the trick here is that `*` or `.bar` prevent `p` from being selected when it is a _direct_ ancestor of `.foo:focus`. So `.foo:focus * :is(.foo .bar p)` and `.foo:focus .bar :is(.foo .bar p)` can never contain the inner `.foo` element. At least, that’s what I concluded from testing.

-- 
GitHub Notification of comment by flachware
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6330#issuecomment-1439162381 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 21 February 2023 22:17:29 UTC