Re: [csswg-drafts] [css-nesting-1] Yet another nesting proposal (#7970)

• From: Oriol Brufau via GitHub <sysbot+gh@w3.org>
• Date: Thu, 27 Oct 2022 20:19:47 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-1294020301-1666901985-sysbot+gh@w3.org>

I like the cleanness of this proposal, but I think it can be a bit annoying when you start styling an element

```css
foo {
  color: blue;
}
```

And then realize you also want to style the descendants, so you have to refactor it all. With other proposals the change is simpler:


<table>
<tr>
<th>
This
</th>
<th>
Proposals 1 & 3
</th>
<th>
Proposal 4
</th>
</tr>

<tr>
<td>

```diff
-foo {
-  color: blue;
-}
+@nest foo {
+  & {
+    color: blue;
+  }
+  & bar {
+    color: red;
+  }
+}
```

</td>
<td>

```diff
 foo {
   color: blue;
+  & bar {
+    color: red;
+  }
 }
```

</td>
<td>

```diff
 foo {
   color: blue;
+} {
+  & bar {
+    color: red;
+  }
 }
```

</td>
</tr>
</table>

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


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

Received on Thursday, 27 October 2022 20:19:48 UTC