Можно сделать это:
.info
{
padding: 5px ;
}
Или, если Вы знаете, что это будет a div
, можно сделать это
div.info
{
padding: 5px ;
}
Так, когда существует вложенный список.. можно сделать это..
div.info ul.navbar li.navitem a.sitelink
{
color: #f00;
}
Или можно сделать это
a.sitelink
{
color: #f00;
}
Удобочитаемость в стороне, которая лучше для браузера для анализирования/выполнения?
Сохраняйте правила как можно более общими - это быстрее и использует меньше байтов. См. статью Google для получения дополнительной информации.
Я считаю, что самое конкретное и короткое почти всегда самое лучшее.
см. http://code.google.com/speed/page-speed/docs/rendering.html
Сохраняйте правила как можно более простыми и общими - это хорошо Начните. Кто-то другой должен будет прочитать это и в какой-то момент разобраться в этом.
Если вас беспокоит скорость работы браузера, размер таблицы стилей и т. Д.? Просто запустите ваши таблицы стилей через YUICompressor . Он очистит и минимизирует ваш CSS (например, сгруппирует повторяющиеся элементы).