TITEL

====== 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. Diese Verschachtelung ist beliebig weit nach "innen" möglich. Dazu ein kleines Beispiel:



 

   
   
   
   TITEL
   
 



Ein teilweise kursiverHeader

   Das ist ein Text direkt im DIV-Element
   Und dieser Text ist im P-Element innerhalb des DIV-Elements. Und ein SPAN-Element im P-Element im DIV-Element. 
 
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;
}

div#beispiel p span {
   text-decoration: underline;
}