Повторные заголовки селекторов

Question

С недавним запуском http://csslint.net, я подвергаю сомнению некоторые способы, которыми я создавал свои таблицы стилей в прошлом. Следующий метод, который я использовал недавно:

/* Fonts */    
h1 { font-size:20px }
p  { font-size:12px }

/* Colors */
h1 { color:green }
p  { color:grey;
     background-color:white }

/* Margins */
h1 { margin:0 }
p  { margin:0 0 5px }

Проблема, по словам Линтера, в том, что я снова и снова объявляю селекторы заголовков. Причина, конечно, заключается в том, чтобы сохранить логическое разделение между типами правил. Если я хочу изменить цвета, я бы посетил регион цветов. Если бы я хотел изменить размеры, я бы посетил области измерений.

Не беспокоит ли CSSLint, что я могу подвергнуться опасности перезаписи стилей, что приведет к напрасной трате символов или есть проблема производительности, связанная с тем, сколько блоков вносит вклад в общее представление элементов заголовка?

Это плохая практика или просто ложная тревога?

Answer 1

Стили вычисляются для всех h1 с и всех p с в любом случае.Затраты на сопоставление селекторов незначительны по сравнению с таким же незначительным «влиянием» на производительность при фактическом вычислении и рендеринге стилей.На самом деле мне нравится, как вы сами организуете свои стили, и не вижу никаких других проблем, кроме случайной перезаписи объявлений.

Answer 2

Из их документации -

Заголовочные элементы должны иметь одинаковый вид на сайте.

Я думаю, что это больше связано с удобством использования / согласованностью, а не с производительностью. Заголовок размером 20 пикселей на одной странице и 14 пикселей на другой выглядит просто непрофессионально.