Abstand in Klasse/Id: Wie in CSS angeben?

[Simon]

Ich habe jetzt folgendes in HTML:

  
<span class="erster span">Dies ist ein Text.</span>  

Wie kann ich jetzt in css diese Klasse in CSS ansprechen? Ich habe schon folgendes ausprobiert:

  
.erster span,  
.erster_span,  
.erster-span,  
.erster%20span  
{  
  font-weight:bold;  
}  

Aber das scheint nicht zu funktionieren. Stimmt das, oder sollte es eigentlich doch funktionieren oder gibt es dafür einen anderen Weg (ohne den Klassennamen zu verändern)?

[Beat]

<span class="erster span">Dies ist ein Text.</span>

> Wie kann ich jetzt in css diese Klasse in CSS ansprechen? Ich habe schon folgendes ausprobiert:  
> ~~~css
  

> .erster span,  
> .erster_span,  
> .erster-span,  
> .erster%20span  
> {  
>   font-weight:bold;  
> }  
> 

Aber das scheint nicht zu funktionieren. Stimmt das, oder sollte es eigentlich doch funktionieren oder gibt es dafür einen anderen Weg (ohne den Klassennamen zu verändern)?

In deinem Klassenattribut sind zwei Klassennamen vorhanden, nicht einer.
Entsprechend reicht schon
.erster{}
.span{}
oder auch
.erster.span{}

mfg Beat

[ChrisB]

Hi,

Ich habe jetzt folgendes in HTML:

<span class="erster span">Dies ist ein Text.</span>

Also ein Span-Element, das als den zwei Klassen "erster" und "span" zugehoerig ausgezeichnet wurde.

Wie kann ich jetzt in css diese Klasse in CSS ansprechen? Ich habe schon folgendes ausprobiert:
[code lang=css]
.erster span,
.erster_span,
.erster-span,
.erster%20span
{
  font-weight:bold;
}

> Aber das scheint nicht zu funktionieren.  
  
Wenn du in CSS ein Element selektieren moechtest, das zwei Klassen angehoert, so lautet der Selektor dafuer .klasse1.klasse2  
Aber Achtung, damit kann der IE auch in Version 7 immer noch nicht vernuenftig umgehen.  
  

> Stimmt das, oder sollte es eigentlich doch funktionieren oder gibt es dafür einen anderen Weg (ohne den Klassennamen zu verändern)?  
  
Wenn du nur einen Klassennamen fuer das Element vergeben willst, dann vergebe auch nur einen.  
Und versuche vielleicht, einen etwas sinnvolleren zu finden, als "span".  
  
MfG ChrisB  
  

-- 
„This is the author's opinion, not necessarily that of Starbucks.“

[Malcolm Beck´s]

hi,

Wenn du in CSS ein Element selektieren moechtest, das zwei Klassen angehoert, so lautet der Selektor dafuer .klasse1.klasse2
Aber Achtung, damit kann der IE auch in Version 7 immer noch nicht vernuenftig umgehen.

Was müsste man gegebenenfalls beachten?
ich habe jetzt zwei varianten probiert:

<div class="sidebar second">  
</div>

.second {border:1px solid #FFF}  
/* und auch */  
.sidebar.second {border:1px solid #FFF}

Funktioniert beides.
Was könnte hier unter Umständen Probleme bereiten?

mfg

[ChrisB]

Hi,

Was müsste man gegebenenfalls beachten?
ich habe jetzt zwei varianten probiert:

<div class="sidebar second">

</div>

>   
> ~~~css

.second {border:1px solid #FFF}  

> /* und auch */  
> .sidebar.second {border:1px solid #FFF}

Funktioniert beides.

Stimmt.

Was könnte hier unter Umständen Probleme bereiten?

Der 7er scheint's besser zu machen - aber im 6er auch die Reihenfolge der CSS-Regeln.

.c1.c2 { color:yellow; }
.c1 { color:blue; }
.c2 { color:green; }

• laesst das Element im IE 6 mit gruenem Text darstellen.
  MfG ChrisB

[Malcolm Beck´s]

hi,

Der 7er scheint's besser zu machen - aber im 6er auch die Reihenfolge der CSS-Regeln.

.c1.c2 { color:yellow; }
.c1 { color:blue; }
.c2 { color:green; }

• laesst das Element im IE 6 mit gruenem Text darstellen.

Ist denn die reihenfolge der Klassen-Bezeichnungen im HTML wichtig?

Was hätte denn bei folgendem Konstrukt den höheren stellenwert?

<div class="c1 c2"></div>

Ich hätte jetzt angenommen, dass beide an sich gleich gewertet werden, scheint ja aber nicht der Fall zu sein.

mfg

[ChrisB]

Hi,

.c1.c2 { color:yellow; }
.c1 { color:blue; }
.c2 { color:green; }

• laesst das Element im IE 6 mit gruenem Text darstellen.

Ist denn die reihenfolge der Klassen-Bezeichnungen im HTML wichtig?

Nein.
Aber der Selektor, der das Element ueber zwei Klassen selektiert, hat natuerlich eine hoehere Spezifitaet, als der, der nur eine der Klassen enthaelt.

Bei obigem Beispiel-CSS muesste der Text also gelb erscheinen, nicht gruen.

Was hätte denn bei folgendem Konstrukt den höheren stellenwert?

<div class="c1 c2"></div>

An der Stelle gibt es keinen "Stellenwert".

Ich hätte jetzt angenommen, dass beide an sich gleich gewertet werden, scheint ja aber nicht der Fall zu sein.

Erst wenn CSS die Klassen zur Selektierung nutzt, dann macht es einen Unterschied, ob du nur eine der Klassen angibst, oder beide.

MfG ChrisB