Вопрос по книге: "Д. Макфарланд - Большая книга CSS3"

[Owl-cat]

На странице 122-123 (в русском переводе), я начал читать такой пример:

Вот пример HTML-кода:
<p class="byline">Written by <a class="email" href="mailto:jean@cosmofarmer.com"> Jean Graine de Pomme</a> </p>
В таблице для веб-страницы, содержащей вышеприведенные абзац и гипер ссылку, у вас будет два стиля:
p .email { color: blue; }
.byline a { color: red; }
Оба стиля имеют значимость, равную 11 (10 — для названия класса и 1 — для селектора тега), и относятся к <a> . Конфликт этих стилей очевиден. Какой цвет выберет браузер для окрашивания гиперссылки в приведенном абзаце? Красный, так как он последний в таблице стилей.
Теперь представьте, что таблица стилей имеет следующий вид:
.byline a { color: red; }
p .email { color: blue; }
В данном случае гиперссылка была бы красного цвета. Cтиль с селектором .byline a расположен в таблице после p .email , поэтому его свойства имеют преимущество.

Вопрос красного цвета не раскрыт: "Cтиль с селектором .byline a расположен в таблице после p .email" - ошибка во втором примере?