<style>
  h2 {
    color: green;
  }
</style>
<h2>제목</h2>
<p>단락</p>

<section>
  <style>
    @scope {
      :scope {
        background: skyblue;
        padding: 0.5rem;
      }

      h2 {
        color: blue;
      }
      
      p {
        font-style: italic;
      }
    }
  </style>
  <h2>정보 제목</h2>
  <p>정보 단락</p>
</section>

<section class="danger">
  <style>
    @scope {
      & {
        background: pink;
        padding: 0.5rem;
      }

      & h2 {
        color: red;
      }

      & p {
        letter-spacing: 1rem;
      }
    }
  </style>
  <h2>위험 제목</h2>
  <p>위험 단락</p>
</section>