Does nested @layer syntax work for declaring layer order?

[frivoal]

nested cascade layer let you do this:

@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

@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

@layer out.in2 {
  h1 { color: pink; }
}

is just syntatic sugar for

@layer out {
  @layer in2 {
    h1 { color: pink; }
  }
}

but it might be worth making it explicit.

[mirisuzanne]

Clarified in 8824582

[mirisuzanne]

Another implication of this:

@layer out1 in1;
@layer out2;
@layer out1;
@layer out1 in2;

• The first line of that example establishes both out1 and out1 in1 in the layer order
• The sort is managed per-layer-scope, so future sub-layers of out1 (eg out1 in2) are sorted with their parent/sibling layers before any other top-level layers

Despite out1 in2 being defined last, the result is:

• out1
• out1 in1
• out1 in2
• out2

It's not clear to me if that needs further clarification, but re-opening for thoughts.

[frivoal]

I think that second part is clear, given that the whole concept is expressed in terms of nesting, which implies a tree structure. The different ordering would break that, so in my mind, that's not a possibility that needs to be explained away.