- From: Sebastian Zartner via GitHub <sysbot+gh@w3.org>
- Date: Sat, 04 Feb 2023 11:21:30 +0000
- To: public-css-archive@w3.org
Maybe the simplest solution would be to reuse the [`selector()` function for that](https://www.w3.org/TR/css-conditional-4/#typedef-supports-selector-fn).
So this could detect whether nesting style rules is supported:
```css
@supports selector(& .foo) {
…
}
```
Though that only covers style rules. Support for nesting other rules like media queries might require a different approach. One solution would be to support testing of complete rules, as I [suggested earlier](https://github.com/w3c/csswg-drafts/issues/5929#issuecomment-774475760). An example of that could look like this:
```css
@supports (.foo { @media (width >= 500px) { } }) {
…
}
```
Another, more flexible but also more complex approach would be script based queries, which [I also suggested earlier](https://github.com/w3c/csswg-drafts/issues/3559#issuecomment-1114545949).
Sebastian
--
GitHub Notification of comment by SebastianZ
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8399#issuecomment-1416726517 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Saturday, 4 February 2023 11:21:32 UTC