- From: Johannes Odland via GitHub <sysbot+gh@w3.org>
- Date: Wed, 19 Oct 2022 19:01:30 +0000
- To: public-css-archive@w3.org
From an authors perspective, I'd expect the following to work. I'd be surprised if nested conditionals didn't work in pseudo-elements, but everywhere else.
```css
div::before {
content: "test A";
@media (min-width: 480px) {
content: "test B";
}
}
```
This should be equivalent to
```css
div::before {
content: "test A";
@media (min-width: 480px) {
& {
content: "test B";
}
}
}
```
Which again should be equivalent to
```css
div::before {
content: "test A";
}
@media (min-width: 480px) {
div::before {
content: "test B";
}
}
```
As an extension it would be hard to understand why this didn't match, although I can't think of a reason to write this without conditional nesting.
```css
div::before {
& {
content: "test";
}
}
```
I'd expect it being equivalent to
```css
div::before {
content: "test";
}
```
--
GitHub Notification of comment by johannesodland
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7912#issuecomment-1284447375 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 19 October 2022 19:01:32 UTC