- From: Lubomír Blažek via GitHub <sysbot+gh@w3.org>
- Date: Tue, 01 Feb 2022 10:00:34 +0000
- To: public-css-archive@w3.org
@Griffork
```css
.a:not(.c) .b {
color: red
}
```
and
```css
:not(.c).a .b {
color: red
}
```
Is the same, only the order is changed and it works in all browsers, if it's the valid syntax i'm not sure to be honest. I'm only pointing out how it works (worked) in `postcss-nesting` and `less`, since it might be the the easiest way to do it.
```css
.a {
& .b {
@nest :not(.c) & {
color: red
}
}
}
```
equals
```css
:not(.c) .a .b {
color: red
}
```
And if you remove the space between `:not` and `.a`, you get the grandparent selector instead. Hence `:not(.c)&`
--
GitHub Notification of comment by lubomirblazekcz
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6977#issuecomment-1026662910 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 1 February 2022 10:00:35 UTC