Computer >> Máy Tính >  >> Lập trình >> HTML

Làm cách nào để chỉ định rằng các kiểu chỉ áp dụng cho phần tử mẹ của phần tử này và các phần tử con của phần tử đó trong HTML?


Sử dụng phạm vi để chỉ định rằng các kiểu chỉ áp dụng cho phần tử mẹ và các phần tử con của phần tử -

Ví dụ

<!DOCTYPE html>
<html>
   <head>
      <style>
         h2 {
            color:yellow;
         }
      </style>
   </head>
   <body>
      <div>
         <style scoped>
            h2 {
               color:grey;
            }
         </style>
         <h2>Grey Heading</h2>
      </div>
      <h2>Yellow Heading</h2>
   </body>
</html>