Одна и та же специфика, после размещения размещения: первая буква всегда побеждает?
Посмотрите на это 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 пикселей.
Из этого я делаю вывод, что оба правила не выбирают один и тот же элемент. Но это слишком странно, что я хочу получить официальное объяснение на этот счет.