Spójrz na to jsfiddle:http://jsfiddle.net/ZNddz/

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

Pierwsza reguła składa się z jednego selektora klasy i jednegopseudo-element selektor = 11

Druga reguła składa się z jednego selektora klasy.letter i jeden selektor znacznikówspan = 11

Obie zasady mają tę samą specyfikę, więc rozsądnie jest sądzić, że zwycięzca powinien być ostatnim stylem. Oczywiście tak nie jest. Postanowiłem więc dodaćbackground-color właściwość do drugiej reguły i jak widać ma wysokość 30px.

Wyprowadzam z tego, że obie reguły nie wybierają tego samego elementu. Ale to trochę zbyt dziwne, że chcę mieć oficjalne wyjaśnienie tego efektu.