|
||||
Mehrfache Deklaration des ID-Selektors
Hallo mal alle,
Ich hab hier im Forum eine Page gefunden (http://previews.redrotate.de/spinne/index.php), die folgenden Css-Code verwendet: #content h1 { margin: 0 0 15px 0; padding: 0 0 2px 10px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 80%; font-weight: bold; border-bottom: 2px groove #D14800; } #contentStart h1 { margin: 0 0 15px 0; padding: 0 0 2px 10px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 80%; font-weight: bold; border-bottom: 2px groove #D14800; } #content h2 { margin: 0 0 3px 0; padding: 0; color: #fff; font-size: 75%; font-weight: bold; } Die Attribut Angabe von "#contentStart h1" sieht folgendermaßen aus: <div id="contentStart"> <h1>» Die Spinne.de GmbH</h1> hat sich auf die Vermarktung...</p> </div> ----------------------------------------------------------------------- Da mir eine mehrfache Deklaration des ID-Selektor neu ist, möchte ich jetzt gerne mehr davon wissen! :) Warum mehrfache Deklaration - Vorteil? Haben die zwei Selektoren "#content h1" und "#content h2" im obigem Css-Code irgend etwas gemeinsam? Wäre toll wenn mir das jemand mit der mehrfachen Deklaration des ID-Selektors erklären könnte. danke schon mal ---------- mfg george |
Sponsored Links |
Sponsored Links |
|
||||
Diese Schreibweise
Code:
#content h1 { margin: 0 0 15px 0; padding: 0 0 2px 10px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 80%; font-weight: bold; border-bottom: 2px groove #D14800; } #contentStart h1 { margin: 0 0 15px 0; padding: 0 0 2px 10px; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 80%; font-weight: bold; border-bottom: 2px groove #D14800; } #content h2 { margin: 0 0 3px 0; padding: 0; color: #fff; font-size: 75%; font-weight: bold; } Für eine Überschirift h1, die in einem Bereich mit der ID Footer liegen würde, würden diese Eigenschaften und Werte nicht gelten! Prinzip verstanden?
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
||||
ok
, das heißt: Das <h1> Tag wird innerhalb von <div id="content"> mit den gleichen Eigenschaften wie von “#content h1“ formatiert. Das <div id="content"> wird aber wiederum anders formatiert, da es ja weiter unten im Stylesheet (#content h2) geänderte Angaben beinhaltet und somit die „alten“ Angaben (#content h1) aktualisiert werden. hab ich das jetzt verstanden? @ Dieter Krautkraemer danke, ich bin ja schon ein wenig weiter gekommen (hoffe ich zumindest) :) |
|
|||
Zitat:
Zitat:
wenn irgendwelche formatierungen auf content angewandt werden sollten, müsste da nur #content { ... } stehen. Zitat:
|
|
||||
Nee, ich glaube, da hakt noch was beim Verständnis!?
Mit Zitat:
Mit Code:
#content h1 Einen Bereich, der die Navigation beinhalten soll, würdet Du zum Beispiel Code:
#menu Code:
#menu h1 Im Quelltext sähe dies dann so aus: Code:
<div id="menu"> <h1>Überschrift</h1> </div> Jetzt klar?
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
|
||||
Zitat:
also nicht zu vergleichen mit : h1, h2, h3 {color:#000000; font-weight:bold; font-size:18px;} ist mir eh schon spanisch vorgekommen, weil kein Beistrich zwischen "#content" und "h1"stand. |
|
||||
Wenn Du
Code:
h1, h2, h3, h4 { irgenwas: nochwas; } Code:
h1 { irgendwas: nochwas; } h2 { irgendwas: nochwas; } h3 { irgendwas: nochwas; } h4 { irgendwas: nochwas; }
__________________
Informationen aus Koblenz-Metternich ----------------------------------- "Wissen heißt, Fragen zu erwerben." |
Sponsored Links |
|
|||
__________________
</ulle> |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Problem mit z-index | Unearth | CSS | 10 | 23.04.2009 07:49 |
des hundes hexenküche | derHund | http://csskueche.xhtmlforum.de/ | 10 | 19.05.2005 23:56 |
Ratschläge bei Publizierung eines fertigen Layouts gesucht | Black Fladder | CSS | 55 | 05.09.2004 15:30 |
Overflow - Darstellung des Scrollbalkens im IE falsch?? | stollev | CSS | 6 | 05.07.2004 16:44 |
Bildlaufleiste des IE unsichtbar machen | Jürgen | CSS | 10 | 06.06.2003 16:15 |