[CSS] Selektor-Prob

[Saschlong]

Mahlzeit!

Hab' ein Problem mit einem CSS-Selektor.

1. Funktioniert nicht:

.news-alt, .news h2
{
 margin: 0px;
 font-size: 13px;
 font-weight: bold;
 color: rgb(0,51,102);
 }

2. Funzt:

 .news h2
{
 margin: 0px;
 font-size: 13px;
 font-weight: bold;
 color: rgb(0,51,102);
 }

Variante 1 sollte doch irgendwie gehen? Oder nicht?

 

[Mr. Snoot]

Es gibt ja paar Einschränkungen, was die Benennung der Klassen betrifft. vielleicht stört der "-" einfach bei .news-alt

 

[Saschlong]

Hmm, stimmt da hatte ich auch mal was gelesen...
Muss ich mal probieren. Ich hätte eher auf die 2 Klassen getippt, wegen der Kommatrennung.

//edit:
An dem '-' liegt's nicht. Das habe ich gerade auprobiert

 

[Sentenza]

so sollte es funktionieren:

.news-alt, .news, h2
{
 margin: 0px;
 font-size: 13px;
 font-weight: bold;
 color: rgb(0,51,102);
 }

 

[Benjamin_L]

das ".news h2" ohne komma stimmt so schon, da es sich nur auf h2s bezieht, die in nem element der klasse news sind.

 

[Eriol]

Hallo,

und wenn Du das von .news h2 in h2.news änderst?

Ciao Eriol

 

[Mr. Snoot]

Mach mal aus dem .news h2 ein h2.news. Das rufst du dann über <h2 class="news">blabla</h2> auf.

Arg, blind. Das hat ja Eriol grad geschrieben

Anmerkung für mich selbst: Aktualisiere Fenster, die du ne Stunde geöffnet hast, bevor du antwortest

 

[Benjamin_L]

Also das macht den ganzen Vorteil der Schreibweise ja zunichte und resultiert in mehr Code. Es muss ja auch anders gehen.

 

[Mr. Snoot]

Aber falsch ist's nicht

Saschlong soll erstmal sagen, ob es so ginge.

 

[hurga_gonzales]

Also h2.news ist was ganz anderes als .news h2.

Aber ich würde auch unbedingt den Bindestrich entfernen. Sag mal, obs was gebracht hat.

Ansonsten würde mich interessieren, ob es in allen wichtigen Browsern (sind ja eigentlich nur FF und IE; mit Glück noch der NN) nicht funktioniert.

Grüße
Hurga