css通配符选择器效率低吗

css通配符选择器效率低吗

css通配符选择器效率低,因为css匹配的顺序不是从左向右,而是从右向左。使用通配符选择器时,浏览器会先匹配所有的元素,再进一步匹配其他规则,这样就导致了效率变低。

(推荐学习:CSS视频教程

比如说.a .b这样的选择器,浏览器首先找到所有的class为b的元素,然后再找被a包围的b元素。

所以如果写成.te *的话,首先浏览器会把“所有”元素都找出来,然后再找上层为te的元素,这样的效率一定是极低的,所以不建议这么用。

一般都会要求用尽可能详细的唯一的标识符,这样效率最高,比如.class。但不要用类似于div或者p这样的标签,适配范围太广了,效率会很差。除非你确定这一个css规则确实需要适配整个网页中的所有div或者p。否则你最好给你的div或者p定义一个class,然后用.class去适配它。

更多CSS相关技术文章,请访问CSS3答疑栏目进行学习!

以上就是css通配符选择器效率低吗的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑