====== Verschachtelung ====== Da der (X)HTML-Code eigentlich nie nur eine Ebene hat, ist es möglich die CSS-Definitionen entsprechend dem (X)HTML-Code zu verschachteln. Dazu ein kleine Einführungsbeispiel: TITEL

Ein teilweise kursiverHeader

Das ist ein Text direkt im DIV-Element

Und dieser Text ist im P-Element innerhalb des DIV-Elements.

Ein P-Element außerhalb des DIV-Elements - die CSS-Eigenschaft von vorher greift hier nicht.

style.css:


h1 span {
   font-style: italic; 
}

div#beispiel p {
   font-weight: bold;
}