@layer

CSS @规则中的 @layer 声明了一个层叠层，同一层内的规则将级联在一起，这给予了开发者对层叠机制的更多控制。

@layer utilities {
  /* 创建一个名为 utilities 的层叠层 */
}

这是一个实验性技术，在将其用于生产之前，请仔细检查浏览器兼容性表格。

该功能在主流浏览器中广泛可用，自2022年3月以来已被所有浏览器支持。

通过使用 @layer，开发者可以更好地组织和管理CSS样式规则，提高样式表的可维护性和可读性。

层叠层可以帮助开发者避免样式冲突，使CSS规则的应用更加可预测和可控。