在其他CSS规则内部嵌套@layer是否为合法语法？

你给出的嵌套@layer的写法完全符合CSS规范，属于**CSS级联层（Cascade Layers）**的合法使用场景。

具体说明： #

• 这种在选择器（.foo）内部定义@layer bar的写法，会将该层内的样式（color: red）限定在.foo元素的上下文范围内，只有匹配.foo的元素才会应用该层的样式。
• 该语法是CSS级联层规范的一部分，现代主流浏览器（Chrome 99+、Firefox 97+、Safari 15.4+）均已支持，所以实际测试可以正常运行。

代码示例： #

.foo {
  @layer bar {
    color: red;
  }
}

内容的提问来源于stack exchange，提问作者user30021668