<div class="red">
  <div class="green">
    <div class="blue">
      <p>これは何色になる?</p>
    </div>
  </div>
</div>
@scope (.blue) {
  p {
    color:blue;
  }
}

@scope (.red) {
   p  {
    color:red;
  }
}
@scope (.green) {
   p  {
    color:green;
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.