hilfe gesucht zu klausrfrage CSS!

[Fronk]

Hallo ich habe eine Frage:
Folgende CSS-Anweisung ist gegeben:


#pten #name {color:green;}
em#name {color: red !important;}
.special #name {color: yellow;}
.spar em.foo#name {color: magenta;}
p em#name {color: orange;}
p em {color: blue;}
em.spec {color: black !important;}
div em {color: cyan;}

Wäre jemandso freundlich mir die Rangfolge der Spezifität zu nennen. Von 1(für die stärkste)bis n(für die schwächste)?

Danke schonmal im Voraus

 

[stachelbeer]

SELFHTML: Stylesheets / CSS-Formate definieren / Kaskade - Anwendung von Stylesheets auf Dokumente

 

[Fronk]

wäre das dann so richtig?

Selektor Rang
em.spec Color: black !important 1
em#name Color: red !important 2

#pten #name Color: green 3
.spar em.foo#name Color: magenta 4
.special #name Color: yellow 5
p em#name Color: orange 6
div em Color: cyan 7
p em Color: blue 8

 

[mermshaus]

                                               !imp.    ID     Class    Tag
                                              -------------------------------
em#name           {color: red !important;}       1       1       -       1
em.spec           {color: black !important;}     1       -       1       1
#pten #name       {color: green;}                -       2       -       -
.spar em.foo#name {color: magenta;}              -       1       2       1
.special #name    {color: yellow;}               -       1       1       -
p em#name         {color: orange;}               -       1       -       2
p em              {color: blue;}                 -       -       -       2
div em            {color: cyan;}                 -       -       -       2

Alle Angaben sind wie immer ohne Gewähr.

Es gab nicht zufällig noch ein Stück HTML-Code dazu?

 

[Fronk]

danke schonmal. nein gab es nicht, deshalb auch hier meine frage.danke