Vererbung von CSS Eigenschaften
Alter Mann
- css
0 KD-one0 chlori0 Alter Mann0 Tobias Kloth0 chlori
Moin,
ich verwende immer Klassen zur Formatierung und wenn ich zb. eine Schrift fett will verwende ich immer IDs. Aber IDs dürfen ja nur einmal pro Seite vorkommen, was dann natürlich ein problem ist, wenn ich ein paar Dutzend IDs verwende um eine Schrift um die Angabe fett zu ergänzen. Aber wie soll oder kann ich eine Klasse erweitern ohne die ganze Klasse mit der Erweiterung neu schreiben zu müssen? 2 Klassen kann ich in einem Tag ja nicht definieren und x-Tags hintereinander möchte ich auch nicht verwenden.
Hi Alter Mann,
2 Klassen kann ich in einem Tag ja nicht definieren und x-Tags hintereinander möchte ich auch nicht verwenden.
Warum nicht? <p class="klasse1 klasse2">....
Gruß
Kurt
.klasse1 {
color:black;
font-weight:bold;
}
.klasse2 {
color:blue;
}
würde also in deinem Fall alles aus Klasse1 übernehmen und die Farbe in blau ändern und ist echt erlaubt? Davon hab ich ja noch nie was gelesen.
Hallo,
[...] würde also in deinem Fall alles aus Klasse1 übernehmen und die Farbe in blau ändern und ist echt erlaubt? Davon hab ich ja noch nie was gelesen.
ist aber so. ;)
MfG Mülli
Hi
ich verwende immer Klassen zur Formatierung
Warum?
und wenn ich zb. eine Schrift fett will verwende ich immer IDs.
<strong> oder <hx> (x = 1,2,3,4,5 oder 6)
Aber IDs dürfen ja nur einmal pro Seite vorkommen,
Ja.
was dann natürlich ein problem ist, wenn ich ein paar
Dutzend IDs verwende um eine Schrift um die Angabe fett
zu ergänzen.
Wie gesagt, <strong>
Aber wie soll oder kann ich eine Klasse erweitern ohne
die ganze Klasse mit der Erweiterung neu schreiben zu
müssen?
Mehrere Klassen zum Beispiel. Eleganter ist, wenn du die
Kaskadierung verwendest, zB:
<head>
<title>Beispiel</title>
<style type="text/css">
<!--
strong {font-weight:bold; color:red;}
.ultra {color: blue;}
#hyper {color: yellow}
-->
</style>
</head>
<body>
<p class="ultra">Dies <strong>ist ein <span id="hyper">Text.
Dies ist ein Text. </span>Dies ist</strong> ein Text.</p>
</body>
Dies mit dem <span> ist nur ein Beispiel. Spiel ein wenig
mit so Sachen rum bis du verstehst wie's funktioniert.
Lies auch mal über die verschiedenen Selektor-Typen nach,
so erfährst du, wie du sehr einfach und sauber vieles
definieren kannst ohne seitenlange Stylesheets und HTML-
Seiten zu haben.
Gruss
chlori
Aber die id hyper bringt doch nix, wenn ich sie nur einmal einsetzen darf aber öfter brauche. Und strong bringt nix, wenn ich die Fettschrift einheiltich haben will und zb. im Nachhinein die Dicke etwas ändern will, dann will ich das ja nur einmal machen.
Hallo,
Aber die id hyper bringt doch nix, wenn ich sie nur einmal einsetzen darf aber öfter brauche.
dann verwende IDs für Elemente die nur einmal vorkommen (z.B. die Elemente in denen die komplette Navigation oder der Inhalt steht) - und für andere eben Klassen.
Und strong bringt nix,
natürlich bring strong was - der Text ist als hervorgehoben gekennzeichnet, was er bei deinen span-Konstruktionen nicht ist.
wenn ich die Fettschrift einheiltich haben will und zb. im Nachhinein die Dicke etwas ändern will, dann will ich das ja nur einmal machen.
ich weiß zwar nicht, wie du die Dicke ändern willst, aber das kannst du auch für strong machen:
strong { eigenschaft:wert; }
o.ä. - Klassen sind da wirklich nicht nötig.
Grüße aus Nürnberg
Tobias
Hi
Aber die id hyper bringt doch nix, wenn ich sie nur einmal
einsetzen darf aber öfter brauche. Und strong bringt nix,
wenn ich die Fettschrift einheiltich haben will und zb. im
Nachhinein die Dicke etwas ändern will, dann will ich das
ja nur einmal machen.
Alter Mann, ich glaube es wäre sehr von Vorteil, wenn du uns
eine URL und wenigstens etwas Code liefern könntest, damit wir
dein genaues Ziel sehen können. Ich glaube nämlich, du stellst
die falsche Frage.
Gruss
chlori