<html>
<head>
<style>
/* secify exact cascading order */
@layer bgblue, bgpink;
/* layer 1 */
@layer bgpink {
body {
background: pink; /* wins */
}
}
/* layer 2 */
@layer bgblue {
body {
background: lightblue;
}
}
</style>
</head>
<body>
<h1>The @layer Rule</h1>
</body>
</html>