CodePen Embed - YzdOOQr

<div class="scope-root">
 <p>@scopeはセレクタの有効範囲を指定できる</p>
</div>
<p>私は有効範囲ではないです</p>

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

This Pen is owned by ユイト on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.