<h1 id="id-selector" class="class-selector">Booya!</h1>
@layer demo, one, two;

@layer two {
  .class-selector {
    color: #f8a100; /* 🏆 */
  }
}

@layer one {
  #id-selector {
    color: #bada55;
  }
}

@layer demo {
  body {
    display: grid;
    place-items: center;
    height: 100vh;
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.