[CSS] Klasse einer Klasse zuweisen

Computer: Software & Programmierung HTML & CSS
#1

Tach zusammen,
ich weiß das es möglich ist einem Element mehrere Klassen zuzuweisen:
Ein Text, rot, fett und unterstrichen
Quelle: http:\www.css4you.de

Das ganze befindet sich so aber in der HTML Datei;
weiß jemand ob ich auch in einer externen CSS so arbeiten kann?

Ich möchte gerne die 3 Hauptfarben die ich in verschiedenen CSSs nutze nur einmal angeben, also quasi an die anderen Klassen als variable über geben.

Ich dachte schon an
.color1 {color:red;}

.klasse1
{
color1;
text-align:center;
}

oder halt nur den Farbwert als variable mitgeben
.color1 {red;}

.klasse1
{
color:color1;
text-align:center;
}

Hat vielleicht jemand ne Idee ob und ggf wie man das realiesieren kann?

Dankend im voraus grüßt

Marcel

#2

Hallo Marcel,

Ja:

Dann einfach wie von dir beschrieben verwenden.

Dirk

#3

Tach zusammen,

Hi alleine,

ich weiß das es möglich ist einem Element mehrere Klassen
zuzuweisen:

Ja.

Das ganze befindet sich so aber in der HTML Datei;
weiß jemand ob ich auch in einer externen CSS so arbeiten
kann?

Ja.

Ich dachte schon an
.color1 {color:red;}

.klasse1
{
color1;
text-align:center;
}

oder halt nur den Farbwert als variable mitgeben
.color1 {red;}

.klasse1
{
color:color1;
text-align:center;
}

Das funktioniert so nicht: CSS hat kein Gedaechtnis (Variablen).

Hat vielleicht jemand ne Idee ob und ggf wie man das
realiesieren kann?

Generiere entweder (X)HTML mit eingebettetem CSS oder pures CSS per Script. Es ist (richtige Server-Konfiguration vorausgesetzt) kein Problem, im

#4

Hallo,

Das ganze befindet sich so aber in der HTML Datei;
weiß jemand ob ich auch in einer externen CSS so arbeiten
kann?

Ich möchte gerne die 3 Hauptfarben die ich in verschiedenen
CSSs nutze nur einmal angeben, also quasi an die anderen
Klassen als variable über geben.

Soweit mir bekannt, ist das nicht möglich. Was CSS aber machen ist, die Werte vererbt zu bekommen. Deshalb kannst du bspw.

 ..

aber ich sehe schnell ein, dass das sogar umständlicher ist, als die Klassen gleich nebeneinander zu schreiben.

Als Alternative zur bereits vorgeschlagenen server-seitigen Lösung mittels php/perl/cgi kannst du natürlich auch die CSS-Klassen in javascript schreiben. Es gibt sogar die Möglichkeit (bei richtigem XHTML) die stylesheet nach dem Laden noch zu verändern.

Gruss, Omar Abo-Namous

#5

Hallo Dirk,
danke, leider nicht die Lösung,
den:

kannte ich so auch, wäre sicher ne Alternative,
aber ich hatte da an eine rein externe Lösung gedacht, welche „verschachtelt“ denke das Beispiel vom Frank eignet sich gut.

Nichts desto trotz, danke für deine Mühen…

Gruß
Marcel

#6

Moin Frank,

Das funktioniert so nicht: CSS hat kein Gedaechtnis
(Variablen).

Das hab ich mir gedacht, bzw. nachher auch nur so oder so ähnlich im Netz gefunden

Das scheint die Lösung, befasse mich derzeit auch mit PHP und da würde das sehr gelegen kommen…
Werde mich da mal ein wenig im Netz umsehen und ausprobieren

Achte darauf, dass Dein Script den richtigen Content-Type: in den
HTTP-Header setzt.

Jo, da werd ich mich doch glatt bemühen *g*

Besten Dank, hat sehr geholfen

Gruß
Marcel

#7

Morgen Omar Abo-Namous,

…

aber ich sehe schnell ein, dass das sogar umständlicher ist,
als die Klassen gleich nebeneinander zu schreiben.

Jepp, denke ich auch

Als Alternative zur bereits vorgeschlagenen server-seitigen
Lösung mittels php/perl/cgi

Denk adas werde ich wohl auch mal angehen

kannst du natürlich auch die
CSS-Klassen in javascript schreiben.

Mag ich nicht, denn die Seite soll JavaScript frei sein

Also werd ich mein Glück über PHP versuchen…

Danke für deine Antwort,

Gruß

Marcel

#8

Hallo,

ich weiß das es möglich ist einem Element mehrere Klassen
zuzuweisen:
Ein Text, rot, fett und
unterstrichen
Quelle: http:\www.css4you.de

Das ganze befindet sich so aber in der HTML Datei;
weiß jemand ob ich auch in einer externen CSS so arbeiten
kann?

Ich möchte gerne die 3 Hauptfarben die ich in verschiedenen
CSSs nutze nur einmal angeben, also quasi an die anderen
Klassen als variable über geben.

Ich dachte schon an
.color1 {color:red;}

.klasse1
{
color1;
text-align:center;
}

andersrum denken:

.color1, .klasse1 {
color:red;
}
.klasse1 {
text-align:center;
}
Teilübernamen sind sind dann nur dann möglich wenn du sie wieder überschreibst:
.color1, .klasse1 {
color:red;
background:#fff;
}
.klasse1 {
text-align:center;
background:#000;
}

Grüße, Dirk