Более конкретные правила CSS загружаются лучше?

Question

Вы можете сделать это:

.info
{
    padding: 5px ;
}

Или, если вы знаете, что это будет div, вы можете сделать это

div.info
{
    padding: 5px ;
}

Итак, когда есть вложенный список ... вы можете сделать это ..

div.info ul.navbar li.navitem a.sitelink
{
    color: #f00;
}

Или вы можете сделать это

a.sitelink
{
    color: #f00;
}

Читаем в стороне, что лучше для браузера анализировать / запускать?

Answer 1

Сохраняйте правила как можно более общими - это быстрее и использует меньше байтов. См. статью Google для получения дополнительной информации.

Answer 2

Я считаю, что самое конкретное и самое короткое почти всегда самое лучшее.

см. http://code.google.com/speed/page-speed/docs/rendering.html

Answer 3

Сохраняйте правила простыми и общими, насколько это возможно, это хорошее начало. Кто-то еще должен будет прочитать это и понять это в какой-то момент.

Если вас беспокоит производительность браузера, размер таблицы стилей и т. Д.? Просто запустите ваши таблицы стилей через YUICompressor . Он очистит и сократит ваш CSS (например, сгруппируйте вещи, которые повторяются).