Antworten zum Thema „Klassennamen mit Leerzeichen per CSS formatieren“

[the_real_didi]

Hallo zusammen,

ich habe in Typo3 eine Extension installiert, die in der Ausgabe Klassennamen mit Leerzeichen erzeugt. Kann ich diese irgendwie mit CSS verarbeiten? Also irgendwie in Klammern setzen oder so?

Also als Beispiel:

<ul class="list deep1">

im zweifelsfall muß ich alles in Typo3 anpassen, das hätte ich aber gern vermieden

 

[kyle66]

AW: Klassennamen mit Leerzeichen per CSS formatieren

Hallo,
wenn du 2 Klassennamen in ein Element schreibst kannst du dieses auch über 2 verschiedene css-Klassen ansteuern.
Also in deinem Beispiel in etwas so
.list {
margin: 10px;
}

.deep1 {
margin-left: 20px;
}

dann wird erst der margin auf 0 gesetzt und in der zweiten Klasse der linke margin auf 20px überschrieben.
du kannst also z.B. generell allen Listen die Klasse list zuweisen und den verschachtelten zusätzlich die Klasse deep1

 

[the_real_didi]

AW: Klassennamen mit Leerzeichen per CSS formatieren

wenn also die konstellation so aussieht:

<ul class="list deep1">
<ul class="list deep2">

dann kann ich das css so schreiben:

.list {font-size: 12px;}
.deep1 {margin-left: 10px;}
.deep2 {margin-left: 20px;}

hab ich das jetzt richtig verstanden?

 

[sokie]

AW: Klassennamen mit Leerzeichen per CSS formatieren

genau.so in der art wird es auch in der Praxis verwendet.

 

[blackout]

AW: Klassennamen mit Leerzeichen per CSS formatieren

"Klassennamen mit Leerzeichen" gibt es nicht, wie oben schon bemerkt ist das Leerzeichen das Trennzeichen zwischen mehreren Klassen, der ein Element angehört. Beim link-Element ist es übrigens das gleiche: rel="alternate stylesheet" wird intern auch in zwei unzusammenhängende Attributswerte verarbeitet.

 

[the_real_didi]

AW: Klassennamen mit Leerzeichen per CSS formatieren

klasse, das habe ich noch nicht gewusst. Das hilft mir ungemein.