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