@layers优先，看不懂文档

Question

只有一个问题 在 Mozilla

@layer

文档 中，我看到了下一个

这意味着 较低优先级具有用户代理样式 然后 - 通常的用户风格 然后 -

@layers

中的样式

所以如果我有这个代码

@layer main {
  body {
   background: red;
  }
}

body {
 background: #1d1b1b;
}

为什么我没有红色？

@layers

中的样式是否具有最高优先级？ 文档中有错误吗？还是我理解错了？ 谢谢

我试图理解这个视觉优先级屏幕截图

Answer 1

事实上，该图有点误导（即使对我来说，虽然我已经习惯了它的命名法......）谢谢您，它已被 MDN 贡献者 OnkarRuikar 修改，因此它现在包含正确的“正常作者声明” ” 包含“Unlayered”和各种“@layer”子框的框上的标签。

现在更清楚了，“用户声明”与“作者声明”不同。
随着PR #36656中所做的更改（将链接到各种术语的定义），应该完全清楚的是，此处的“用户声明”是指网络浏览器用户所做的声明（例如浏览器主题），因此，作为网络作者，您所写的内容实际上是“作者声明”的一部分。

所以规则就像

body {
 background: #1d1b1b;
}

从 HTML 页面加载的样式表实际上是“Unlayered”子框的一部分，即它确实比“@layer”子框具有更高的重要性。