Взгляните на этот 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
selector = 11
Второе правило состоит из одного селектора классов .letter
и одного селектора тэгов span
= 11
Оба правила имеют одинаковую специфичность, поэтому разумно полагать, что победителем должен быть последний стиль. Очевидно, это не так. Поэтому я решил добавить свойство background-color
ко второму правилу и, как вы видите, имеет высоту 30 пикселей.
Я выхожу из этого, что оба правила не выбирают один и тот же элемент. Но это слишком странно, что я хочу получить официальное объяснение этому.