- From: flachware via GitHub <sysbot+gh@w3.org>
- Date: Tue, 21 Feb 2023 20:34:31 +0000
- To: public-css-archive@w3.org
To stick with your example: ```html <div class="foo"><div class="bar"><div class="foo"><p>Foo</p></div></div></div> ``` There are many ways to exclude the inner `.foo` with existing solutions, but `@scope` may help here too: ```css .foo { .bar { & p { color: blue; .foo:focus * & { color: red; /* Outer .foo only */ } /* or */ .foo:focus .bar & { color: red; /* Outer .foo only */ } /* … */ } } } ``` -- GitHub Notification of comment by flachware Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6330#issuecomment-1439057919 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 20:34:33 UTC