Rumah >hujung hadapan web >html tutorial >Bagaimana untuk menentukan bahawa gaya hanya digunakan pada elemen induk elemen tersebut dan elemen anak elemen tersebut dalam HTML?

Bagaimana untuk menentukan bahawa gaya hanya digunakan pada elemen induk elemen tersebut dan elemen anak elemen tersebut dalam HTML?

PHPz
PHPzke hadapan
2023-08-26 08:01:151304semak imbas

Bagaimana untuk menentukan bahawa gaya hanya digunakan pada elemen induk elemen tersebut dan elemen anak elemen tersebut dalam HTML?

Gunakan atribut scoped untuk menyatakan bahawa gaya hanya terpakai kepada elemen induk dan anak-anaknya -

Contoh

<!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>

Atas ialah kandungan terperinci Bagaimana untuk menentukan bahawa gaya hanya digunakan pada elemen induk elemen tersebut dan elemen anak elemen tersebut dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam