La misma especificidad, después de tomar en cuenta la ubicación, ¿siempre gana la primera letra?

Echa un vistazo a este jsfiddle:http://jsfiddle.net/ZNddz/

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

La primera regla consiste en un selector de clase y unopseudo-element selector = 11

La segunda regla consiste en un selector de clase..letter y un selector de etiquetasspan = 11

Ambas reglas tienen la misma especificidad por lo que es razonable creer que el ganador debe ser el último estilo. Obviamente no es el caso. Así que decidí agregar unabackground-color propiedad de la segunda regla y, como puede ver, tiene una altura de 30 px.

De esto deduzco que ambas reglas no seleccionan el mismo elemento. Pero es un poco extraño que quiera tener una explicación oficial en este sentido.

Respuestas a la pregunta(2)

Su respuesta a la pregunta