W3C home > Mailing lists > Public > public-css-archive@w3.org > January 2021

[csswg-drafts] Does nested @layer syntax work for declaring layer order? (#5849)

From: Florian Rivoal via GitHub <sysbot+gh@w3.org>
Date: Sun, 10 Jan 2021 08:45:12 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-782771865-1610268311-sysbot+gh@w3.org>
frivoal has just created a new issue for https://github.com/w3c/csswg-drafts:

== Does nested @layer syntax work for declaring layer order? ==
[nested cascade layer](https://drafts.csswg.org/css-cascade-5/#nested-layers) let you do this:

```css
@layer out {
  @layer in1 {
    p { color: blue; }
  }
  @layer in2 {
    p { color: red; }
  }
}
@layer out.in2 {
  h1 { color: pink; }
}
```
Does the period notation also affect layer ordering? In other words, If I changed the above example to
```css
@layer out.in2 {
  h1 { color: pink; }
}
@layer out {
  @layer in1 {
    p { color: blue; }
  }
  @layer in2 {
    p { color: red; }
  }
}
```
does that now mean that `in2` is ordered before `in1` rather than after? I suppose it does, as
```css
@layer out.in2 {
  h1 { color: pink; }
}
```
is just syntatic sugar for
```css
@layer out {
  @layer in2 {
    h1 { color: pink; }
  }
}
```
but it might be worth making it explicit.

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5849 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Sunday, 10 January 2021 08:45:14 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:42:25 UTC