<html><head><style>/* 指定确切的层叠顺序 */@layer bgblue, bgpink; /* 第 1 层 */@layer bgpink { body { background: pink; /* 此层生效（因为顺序指定中它在后，覆盖了下面的层） */ }} /* 第 2 层 */@layer bgblue { body { background: lightblue; }}</style></head><body> <h1>@layer 规则</h1> </body></html>