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

Статью можно найти Вот. http://css-tricks.com/efficiently-rendering-css/

Я собираюсь создать страницу с разными документами на одной странице:

Мой вопрос: как мне поступить? HTML для эффективности CSS или наоборот?

    
Some heading
    
Some paragraph



    
Some heading
    
Some paragraph

Может быть несколько документов одного и того же типа, поэтому я не могу использовать идентификатор.

.document-type-1 h1 {

}

.document-type-1 p {

}

.document-type-2 h1 {

}

.document-type-2 p {

}

Это будет «неэффективно», поскольку все теги p будут найдены первыми ...

Как бы вы это сделали, если бы это было сделано быстрее и вы могли бы переместить ту же статью в документ нового типа?