Re: [csswg-drafts] [css-scoping] Proposal for light-dom scoping/namespacing with re-designed `@scope` rule (#5809)

Interesting, thanks for your response!

This is a contrived example but what if I want to use the scoped `meta` class alongside the global `title` class? E.g. in BEM:

```html
<article class="article">
  <!-- Here I'm deliberately *not* using the scoped styles -->
  <span class="title">Hello, World!</span>
  <span class="article__meta">foo</span>
</article>
```

I guess you could do something like this:

```css
@scope ( html ) to ( .exclusive ) {
  .title { color: blue; }
}

@scope (article) {
  .meta { font-style: italic; }
}

@scope (article.withTitle) {
  .title { font-size: 2em; }
}
```

```html
<article>
  <span class="title">Hello, World!</span>
  <span class="meta">foo</span>
</article>
```

```html
<article class="withTitle exclusive">
  <span class="title">Hello, World!</span>
  <span class="meta">foo</span>
</article>
```

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


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

Received on Wednesday, 12 May 2021 17:21:38 UTC