根据css-tricks的新文章,您选择元素的方式之间存在很大差异,因为它们是从右到左选择的.
这篇文章可以在这里找到. http://css-tricks.com/efficiently-rendering-css/
我即将在同一页面上创建一个包含不同文档的页面:
我的问题是,我应该如何处理用于CSS效率的HTML或反之亦然？
<div class="document-type-1">
<h1>Some heading</h1>
<p>Some paragraph</p>
</div>
<div class="document-type-2">
<h1>Some heading</h1>
<p>Some paragraph</p>
</div>
可以有多个相同的文档类型,因此我不能使用ID.
.document-type-1 h1 {
}
.document-type-1 p {
}
.document-type-2 h1 {
}
.document-type-2 p {
}
这将是"低效率的",因为首先找到所有p标签......
你会如何去了解它是否应该这样做更快,你应该能够移动的同一篇文章到一个新的文档类型？