Beispiel:CSS-Vererbung-1.html

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

<!DOCTYPE html> <html lang="de"> <head> 

 <meta charset="UTF-8" >
 <meta name="viewport" content="width=device-width, initial-scale=1.0" >
     <link rel="stylesheet" media="screen" href="./Beispiel:SELFHTML-Beispiel-Grundlayout.css">
 <title>CSS-Vererbung</title>
 <style>

p { 

 font-family: Arial;
 background-color: Aquamarine;
 color: darkgreen;
 border: medium solid DarkCyan ;
 line-height: 150%;
 padding: 1em;

}

strong { /* color wird weitervererbt */ /* border und background-color - werden nicht vererbt */ }

.css { 

     background-color: rebeccaPurple;

color: white; font-wight: bold; padding: 0.25em; border-radius: 0 0.25em 0.25em; 

   }
 </style>

</head> <body>

Vererbung mit CSS

Unter Vererbung versteht man die Weitergabe von Eigenschaften eines Elternelements an seine Kindelemente.
In CSS steuert die Vererbung, was passiert, wenn für eine Eigenschaft eines Elements kein Wert angegeben wird </body> </html>

Abgerufen am 11.08.2025
von "http://wiki.selfhtml.org/wiki/Beispiel:CSS-Vererbung-1.html"