性能:祖先子类型选择器与特定元素类选择器

时间:2015-03-09 17:59:12

标签: jquery html css

在大型网站上工作时,出于可访问性原因,您需要将所有段落文本更改为其他颜色,在向主体添加类然后定位元素或应该是类之间的性能是否存在显着差异直接添加到元素本身,例如

在CSS中添加CLODY结果类

body.style-two p {
 color: blue;
}

在CSS中添加类别到HTML元素结果

p.style-two {
 color: blue;
}

我将使用jquery添加相关的类或类,所以我想如果你要向主体添加单个类或者向目标元素添加多个类,也可能存在一些与性能相关的问题。

优化绝对是大型网站的一个问题,因此我想知道“最佳”的方法。

感谢您的时间和帮助。

1 个答案:

答案 0 :(得分:1)

我认为如果性能是问题,第一种方法就是处理这个问题的最佳方法,因为你要将类添加到一个元素而只有一个元素,想象你有1000" p&#34 ;标记,遍历DOM以查找所有1000个元素,然后为每个元素添加一个针对正文的类VS并向其添加一个类。

其余的处理方式是相同的,因为浏览器的引擎必须重新绘制元素颜色,以便用户能够看到它。