Re: [csswg-drafts] [css-contain-3] Define a syntax for state-based container queries (#6402)

I wonder.... if there's something like a syntax missing like a way to "push" state in CSS based on something... happening? I think it should be more like a way to push a state like `:active` or `:focused`, such that the syntax is more like:
```
header:sticky {
  background: red;
}
```
If you think about it, `:active` or `:focused` are types of state for an element, and "querying them" (selecting them) doesn't require a container query. If there was a way to define / push state from HTML / CSS, you could also have something like `:state(is-sticky, is-visible)` and expand it to include existing states like `:state(focused)`.

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


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

Received on Saturday, 9 April 2022 23:31:40 UTC