css3选择器和jq选择器的比较？

Question

css3的某个属性里
.p_f_color:first-of-type
{
background:#ff0000;
}

jq选择器
$(document).ready(function(){
$("div p").first().css('background','#ff0000');
});

小弟好奇两者的存在的区别//

Answer 1

个人见解，同候大神CSS 为元素设置默认样式，元素的各项基本外观都由 CSS 展现。JavaScript 为元素动态改变外观，变更通过修改 CSS 实现。在网页展现时 CSS 被优先显示，JavaScript 被稍后加载（选择方式稍慢？加载顺序靠后？本人不知）。至于选择器，你所说 “存在的区别” ，大致是 CSS 选择快，选择性差（如没有父元素选择器）；JavaScript 选择慢，可选择性好。如果你所问的是 “为什么会有两个选择器？”（作者没搞清楚你要问啥）那么大致是因为两个模块，两个团队，两个选择方式导致的吧。略知皮毛，不知其因；个人见解，同候大神。