微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CSS类和属性选择器之间的性能

我想知道使用属性选择器而不是类选择器是否存在性能问题.

div.test {}
div[test] {}

附: :我只对CSS性能感兴趣,而不是JS.

解决方法

没有性能问题.两者都是一样的.但是css与class与Elements的特异性存在差异.

特异性 – 特定性决定了浏览器应用的CSS规则.

如果两个选择器应用于同一元素,则具有更高特异性的元素将获胜.

但特异性具有等级.

>内联样式(文档中存在样式).
内联样式存在于XHTML文档中.它直接附加到要设计样式的元素上.例如.
> ID(ID选择器数量)
ID是页面元素的标识符,例如#div.
>类,属性和伪类(类选择器的数量).
该组包括.classes,[attributes]和伪类,例如:hover,:focus等.
>元素和伪元素(元素(类型)选择器的数量).
包括例如:before和:after.

资料来源:http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

因此div.test {}更具体.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。