Грамотна ли данная вёрстка?
 

Сейчас стал верстать по такой схеме (как можно меньше идентификаторов class и id) и вот думаю, хорошо ли так верстать? Нет ли у такого метода подводных камней, пример:

<style type="text/css">
.node {...} 
.node div:first-child {...}
.node div:first-child span {...}
.node div:first-child > div {...}
.node div:first-child div div:first-child {...}
.node div:first-child div div:first-child:hover {...}
</style>


<div class="node">
        <div>
          <span>text</span>
          <div>
            <div></div>
            <div></div>
          </div>
        </div>
</div>

Лучше как можно больше классов, стили вешать на классы. В селекторах как можно меньше имён тегов, как можно меньше каскадов. Рендеринг будет быстрее.

Ну и поддерживать ваш код будет сложно.

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

Т.е. своё время вам не жалко? Сложность поддержки не в том, что код нечитаем, а в том, что из-за малейшего изменения HTML, придётся перелопачивать CSS.

Кроме этого, каскады, особенно вкупе с #id, мешают легко переопределять стили.

Понятно, спасибо за совет, хорошо что много таким способом ещё не успел сделать, сейчас быстренько переделаю под привычный вариант. :)
P.S. И правда, сам уже стал путаться в своей вёрстке =)

Аха. Яндекс, БЭМ...
Обещали выложить результаты тестов, где можно посмотреть?

Кто обещал?

у них:
и как можно больше префиксов к ним :)

От префиксов они вроде уже отказались, а может и нет. Лично я префиксы не делаю.

Яндекс. На WebHiTech. Ты же вроде там работаешь? Или я путаю :)