title image


Smiley Re: CSS-File (Auszug)
> Wie funktioniert der Dahinterliegende Mechanismuss?



#menue {

/* Formatierungen für diesen Container */

}

#menue h1 {

/* Formatierung aller h1-Überschriften, welches sich im Container mit der id="menue" befindet */

}

#menue h1 a {

/* Formatierung aller a-Elemente, welche sich in einer h1-Überschrift befinden, das

selbst wiederum in einem Container mit der id="menue" steht */

}

#menue h1 a span {

/* Formatierung aller span, welche sich in einem a-Element befinden, das selbst in

einer h1-Überschrift steht, das wiederum selbst in einem Container mit der

id="menue" eingebaut ist */

}



Jede Schachtelung ist spezifischer als nur das entsprechende Element (z.B.: h1).

Die Formatierungen, die für h1 ohne Verschachtelung gemacht wurden gelten solange

weiter, wie diese nicht überschrieben werden.



Beispiel:

h1 {

color: #000000;

background-color: #FF0000;

}

#menue h1 {

/* durch die Formatierung des h1-Elementes ist auch diese Schriftfarbe schwarz, der

Hintergrund rot */

}



Um diesem Element ein spezifischeres Aussehen zu verpassen, muss entsprechend auch

die Vorder- und Hintergrundfarbe durch gewünschte Werte überschrieben werden



Die wohl beste Methode wäre, die Elemente nur mit den Eigenschaften zu formatieren,

die für alle Elemnete dieses Typ gelten sollen. Zum Beispiel: font-size



h1 {

font-size: 1.5em;   /* gilt für alle h1-Überschriften, solange diese nicht

durch neue Formatierungen überschrieben wird */

}

#menue h1 {

color: #000000;

background-color: #FFFFFF;

}

#content h1 {

color: #0000FF;

background-color: inherit;

}

#news h1 {

font-size: 1.25em;

color: #00FF00;

background-color: #FFFF7F;

}



mfg Achim







geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: