Одна и та же специфика, после размещения размещения: первая буква всегда побеждает?

Посмотрите на это jsfiddle:http://jsfiddle.net/ZNddz/

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

Первое правило состоит из одного селектора класса и одногоpseudo-element селектор = 11

Второе правило состоит из одного селектора класса.letter и один селектор теговspan = 11

Оба правила имеют одинаковую специфику, поэтому разумно полагать, что победителем должен быть последний стиль. Очевидно, это не так. Поэтому я решил добавитьbackground-color Свойство для второго правила и, как вы можете видеть, имеет высоту 30 пикселей.

Из этого я делаю вывод, что оба правила не выбирают один и тот же элемент. Но это'Слишком странно, что я хочу получить официальное объяснение этому.

Ответы на вопрос(2)

Ваш ответ на вопрос