Gewichtung der Selektoren (+Bild 139 KB)

[Jeena Paradies]

Hallo,

~~~css

p.a { border:double medium green; }
Das ist ein <p class="a"> welches hier angesprochen wird.

p[class] { border-color:red; }

Das ist jedes <p> welches ein gesetztes Attribut class hat, also zum Beispiel <p class="foo">  
  

> Mit der ID funktioniert das aber nicht.  

Doch das funktioniert ganz genau so  
  

>    ~~~css

p#a { border:double medium green; }  
Das ist ein <p id="a">  
  

>    p[id] { border-color:red; }

Das ist jedes <p> welches ein gesetzes id Attribut hat, also zum Beispiel <p id="bar">

Da alles recht verzwickt ist und ich mich auf die ID beziehen "muss", hab ich dann halt noch ne Klasse zugefügt.

Hm so kompliziert ist das doch eigentlich gar nicht, aber vielleicht hilft dir ja dieser Beitrag und dieses Bild weiter:

Grüße
Jeena Paradies