Cách chỉ định style chỉ áp dụng cho phần tử cha và con của nó trong HTML?

Sử dụng thuộc tính scoped trên thẻ <style> để chỉ định style chỉ áp dụng cho phần tử cha và các con của nó.

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <style>
      h2 { color: yellow; }
    </style>
  </head>
  <body>
    <div>
      <style scoped>
        h2 { color: grey; }
      </style>
      <h2>Tiêu đề Xám</h2>
    </div>
    <h2>Tiêu đề Vàng</h2>
  </body>
</html>