​x
 
<!DOCTYPE html>
<html>
<head>
<style> 
/* 第 1 层 */
@layer {
  body {
    background: pink; /* 背景颜色为粉色 */
  }
}
​
/* 第 2 层 */
@layer {
  body {
    background: lightblue; /* 最后定义的层生效（背景颜色为浅蓝色） */
  }
}
</style>
</head>
<body>
​
<h1>@layer 规则</h1>
​
</body>
</html>
​