Re: [csswg-drafts] [selectors-4] [css-nesting-1] pseudo elements need to be clarified to correctly handle relative selectors. (#7979)

@sesse I noticed that Chrome currently does (2).
Was there a specific reason for this? Maybe I overlooked something.

<img width="234" alt="Screenshot 2022-11-01 at 10 43 25" src="https://user-images.githubusercontent.com/11521496/199205639-04c89cb8-0b6d-4dbb-9e7d-2bc316f9425d.png">

```html
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Document</title>
 <style>
  body {
   ::before {
    content: "";
    position: fixed;
    left: 50px;
    right: 50px;
    width: 100px;
    height: 100px;
    background-color: red;
   }
  }
 </style>
</head>
<body>
 <div></div>
</body>
</html>
```

equivalent :

```css
body {
 & ::before {
  content: "";
  position: fixed;
  left: 50px;
  right: 50px;
  width: 100px;
  height: 100px;
  background-color: red;
 }
}
```

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


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

Received on Tuesday, 1 November 2022 09:45:20 UTC