Beispiel:CSS-Vererbung-1.html
Aus SELFHTML-Wiki
<!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: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>
<h1>Vererbung mit <span class="css">CSS</span></h1>
<p>Unter <strong>Vererbung</strong> versteht man die Weitergabe von Eigenschaften eines Elternelements an seine Kindelemente.<br>
In <span class="css">CSS</span> steuert die <strong>Vererbung</strong>, was passiert, wenn für eine Eigenschaft eines Elements kein Wert angegeben wird
</body>
</html>
