相关疑难解决方法(0)

这只是一个帮助我更好地理解CSS渲染的问题.

可以说我们有一百万行.

<div class="first">
    <div class="second">
        <span class="third">Hello World</span>
    </div>
</div>

哪个是将Hello World字体更改为红色的最快方法？

.third { color: red; }
div.third { color: red; }
div.second div.third { color: red; }
div.first div.second div.third { color: red; }

此外,如果中间的标签有唯一ID"foo",该怎么办？以上哪种CSS方法最快.

我知道为什么这些方法被使用等,我只是想更好地掌握浏览器的渲染技术,我不知道如何进行测试时间.

更新:很好的回答Gumbo.从它的外观来看,在常规站点中更快地完成标签的完整定义.因为它找到了父母并缩小了对找到的每个父母的搜索范围.

从某种意义上说,你可能会有一个非常大的CSS文件.