Eigenschaftserweiterung

[html-fuchs]

Hallo,

wenn ich z. B. das "h1"-Tag schon folgendermaßen formatiert habe: "h1, h2, h3 { [...] }" - Wie kann ich es dann um eine Eigenschaft bzw. um mehrere Eigenschaften erweitern, ohne dabei eine Klasse/ein Individualformat zu verwenden?

Thx,

html-fuchs

[chlori]

Hi

wenn ich z. B. das "h1"-Tag schon folgendermaßen formatiert
habe: "h1, h2, h3 { [...] }" - Wie kann ich es dann um eine
Eigenschaft bzw. um mehrere Eigenschaften erweitern, ohne
dabei eine Klasse/ein Individualformat zu verwenden?

h1, h2, h3 { [...] }
h1 { [...] }

Gruss
chlori

[html-fuchs]

Hi

wenn ich z. B. das "h1"-Tag schon folgendermaßen formatiert
habe: "h1, h2, h3 { [...] }" - Wie kann ich es dann um eine
Eigenschaft bzw. um mehrere Eigenschaften erweitern, ohne
dabei eine Klasse/ein Individualformat zu verwenden?

h1, h2, h3 { [...] }
h1 { [...] }

Gruss
chlori

Dachte ich auch zuerst, aber versetz dich mal in die Lage des Browsers, was er denn nun nehmen soll, denn "h1" bleibt ja "h1" - mit zwei unterschiedlichen Eigenschaften -; bei einer Klasse/einem Individualformat wäre eine eindeutige Zuordnung (Definition der Klasse/Angabe der Klasse im Tag) vorhanden, aber so ist der Browser wieder aufgefordert, einen eigentlich unsauberen - fehlerhaften - Code weitestgehend richtig zu interpretieren, so, wie er es bei HTML Transitional (oder gar HTML ohne DTD-Angabe) tun muss; nicht umsonst wurden DTDS wie HTML 4.01 Strict oder XHTML 1.1 geschaffen. Also entweder gibt es noch eine andere oder gar keine Lösung dafür, aber ich denke nicht, dass dein Vorschlag auch in dem offiziellen Regelwerk steht.

[nag]

Hallo,

Dachte ich auch zuerst, aber versetz dich mal in die Lage des Browsers

würde ich glatt machen, wenn ich könnte
wo ist dein Problem?
welcher Browser stellt es nicht so dar, wie du willst?

du weisst wofür das "C" in "CSS" steht?

http://www.edition-w3c.de/TR/1998/REC-CSS2-19980512/kap06.html#heading-6.4.1

mfg NAG

[nag]

Hallo,

wenn ich z. B. das "h1"-Tag schon folgendermaßen formatiert habe: "h1, h2, h3 { [...] }" - Wie kann ich es dann um eine Eigenschaft bzw. um mehrere Eigenschaften erweitern, ohne dabei eine Klasse/ein Individualformat zu verwenden?

wenn diese Eigenschaften (sofern sie in einer externen CSS-Datei stehen) für alle H1-Elemente gültig sein sollen, dann:

h1,h2,h3 {color:red;}
h1 {border:1px solid red;}

h1 hätte somit einen roten Rahmen sowie ein rote Schriftfarbe.

oder meinst du doch etwas anderes?
dann formuliere deine Problemstellung exakt (mit Beispiel).

mfg NAG

[html-fuchs]

Hallo,

wenn ich z. B. das "h1"-Tag schon folgendermaßen formatiert habe: "h1, h2, h3 { [...] }" - Wie kann ich es dann um eine Eigenschaft bzw. um mehrere Eigenschaften erweitern, ohne dabei eine Klasse/ein Individualformat zu verwenden?

wenn diese Eigenschaften (sofern sie in einer externen CSS-Datei stehen) für alle H1-Elemente gültig sein sollen, dann:

h1,h2,h3 {color:red;}
h1 {border:1px solid red;}

h1 hätte somit einen roten Rahmen sowie ein rote Schriftfarbe.

oder meinst du doch etwas anderes?
dann formuliere deine Problemstellung exakt (mit Beispiel).

mfg NAG

Okay, aber was machst du hier?:

"h1, h2, h3 { color: rgb(255, 0, 0); }
h1 { color: rgb(0, 255, 0); }"

(Farbe soll ersetzt werden, aber eigentlich weiß der Browser ja nicht, was er nehmen soll. S. meine Antwort auf die Nachricht von chlori!)

[MudGuard]

Hi,

"h1, h2, h3 { color: rgb(255, 0, 0); }
h1 { color: rgb(0, 255, 0); }"
(Farbe soll ersetzt werden, aber eigentlich weiß der Browser ja nicht, was er nehmen soll. S. meine Antwort auf die Nachricht von chlori!)

Das ist in CSS ganz klar geregelt.
Bei gleich spezifischen Selektoren überschreiben später angegebene Regeln früher angegebene Regeln.

Siehe auch http://www.w3.org/TR/REC-CSS2/cascade.html#cascading-order

cu,
Andreas

[Tim Tepaße]

Hallo Füchschen,

Okay, aber was machst du hier?:
h1, h2, h3 { color: rgb(255, 0, 0); }
h1 { color: rgb(0, 255, 0); }

h1 hat die Farbe rgb(0,255,0), h2 und h3 haben die Farbe rgb(255,0,0).
(Ausschreiben geht schneller, als nachgucken oder sich erinnern, wie
die Farbe berechnet wird)

Der Browser geht das Stylesheet von oben nach unten durch. Wenn eine neue
Regel auftaucht, die etwas schon durch eine frühere Regel geregeltes verändern
wird, dann überschreibt es das einfach.

(Noch etwas komplizierter, weil da kommen auch noch Selektorengewichtigkeiten
hinzu, aber im wesentlichen ist es das)

Tim