Вопрос производительности CSS

Мне было интересно, что делают эксперты, когда дело доходит до написания кода CSS. Разве плохо использовать стиль tagname.className? Вызывает ли наследование заметную потерю производительности? Влияет ли это только на браузер при загрузке страницы или также после? Например: пользователь прокручивает страницу дальше, будет ли плохой CSS причиной для медленной прокрутки при просмотре страницы с большим количеством строк результатов?

Примеры CSS:

div.result-row{...}
div.result-row div.photo-column{...}
div.result-row div.main-column{...}
div.result-row div.main-column div.text-row{}
div.result-row div.main-column div.date-row{}
div.result-row div.action-column{...}

против

div.result-row{...}
div.photo-column{...}
div.main-column{...}
div.action-column{...}
div.text-row{...}
div.date-row{...}

Моя страница выводит много пользовательских сообщений, подобных этой ...

<div class="result-row clearfix">
    <div class="photo-column">
        <img src="..." />
    </div>
    <div class="main-column">
        <div class="text-row">
            User's text
        </div>
        <div class="date-row">
            Today
        </div>
    </div>
    <div class="action-column">
        <a href="#">...</a>
        <a href="#">...</a>
    </div>
</div>

Ответы на вопрос(8)

Ваш ответ на вопрос