Heim  >  Artikel  >  Web-Frontend  >  Wie kann angegeben werden, dass ein Stil nur für das übergeordnete Element dieses Elements und die untergeordneten Elemente dieses Elements in HTML gilt?

Wie kann angegeben werden, dass ein Stil nur für das übergeordnete Element dieses Elements und die untergeordneten Elemente dieses Elements in HTML gilt?

PHPz
PHPznach vorne
2023-08-26 08:01:151244Durchsuche

Wie kann angegeben werden, dass ein Stil nur für das übergeordnete Element dieses Elements und die untergeordneten Elemente dieses Elements in HTML gilt?

Verwenden Sie das Attribut scoped, um anzugeben, dass der Stil nur für das übergeordnete Element und seine untergeordneten Elemente gilt –

Beispiel

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

Das obige ist der detaillierte Inhalt vonWie kann angegeben werden, dass ein Stil nur für das übergeordnete Element dieses Elements und die untergeordneten Elemente dieses Elements in HTML gilt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen