Re: [csswg-drafts] [css-nesting] Allow CSS nesting for inline styles (#8752)

• From: juner via GitHub <sysbot+gh@w3.org>
• Date: Wed, 24 Apr 2024 07:24:19 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-2074255828-1713943457-sysbot+gh@w3.org>

```html
<ul style="
 & a {
  font-weight:bold;
  &:link {color:green}
  &:is(:hover, :active) {color:red} 
}">
 <li><a href="#">Home</a></li>
 <li><a href="#">Blog</a></li>
 <li><a href="#">About</a></li>
</ul>
```

Is the nuance that you want the html shown above to be equivalent to the html shown below?

```html
<ul>
 <style>
   @scope {
     & a {
       font-weight:bold;
       &:link {color:green}
       &:is(:hover, :active) {color:red} 
     }
   }
 </style>
 <li><a href="#">Home</a></li>
 <li><a href="#">Blog</a></li>
 <li><a href="#">About</a></li>
</ul>
```

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


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

Received on Wednesday, 24 April 2024 07:24:20 UTC