Gleiche Besonderheit nach Berücksichtigung der Platzierung: Der erste Buchstabe gewinnt immer?

Schauen Sie sich diese jsfiddle an:http://jsfiddle.net/ZNddz/

.intro:first-letter {
    font-size: 130px;
}
span.letter {
    background-color: red;
    font-size: 30px;
}
p {
    font-size: 80px;
}

Die erste Regel besteht aus einem Klassenselektor und einempseudo-element Selektor = 11

Die zweite Regel besteht aus einem Klassenselektor.letter und einen Tag-Selektorspan = 11

Beide Regeln haben die gleiche Spezifität, so dass davon auszugehen ist, dass der Gewinner der letzte Stil sein sollte. Offensichtlich ist das nicht der Fall. Also habe ich beschlossen, eine hinzuzufügenbackground-color Eigentum der zweiten Regel und wie Sie sehen, hat es eine Höhe von 30px.

Daraus schließe ich, dass beide Regeln nicht dasselbe Element auswählen. Aber es ist ein bisschen zu bizarr, dass ich eine offizielle Erklärung für diesen Effekt haben möchte.

Antworten auf die Frage(2)

Ihre Antwort auf die Frage