第二个,使用向jQuery 的时候,尽量使用原生的CSS3 选择器。曾几何时,我们不想去选择子节点,而是想根据元素的类型来进行选择。li、td、dd等经常大量连续出现,并且样式相同或者相类似的标签,我们采用类选择器跟标签名选择器结合的后代选择器.xx li/td/dd {} 的方式选择。上面这个伪类写法可以定位那些被选中的单选框和多选框,就是这么简单。
对大多技术人员来说都比较熟悉CSS 选择器,举一例子来说,假设给一个p 标签增加一个类(class),可是执行后该class 中的有些属性并没有起作用。CSS选择器具有高效的继承性,引用Steve Souders 的话,CSS 选择器效率从高到低的排序如下:而一般人们将上面这几种方式结合在一起,所以就有了5种或6种选择器了。在一个标签选择器(a)的测试上显示,它比类或ID选择器的速度慢了很多。
1、css3选择器怎么玩
而在标签内写入style="" 的方式,应该是CSS 的一种引入方式,而不是选择器,因为根本就没有用到选择器。通常我们用1表示标签名选择器的优先级,用10表示类选择器的优先级,用100 标示ID选择器的优先级。
2、css3选择器功能
在Windows 系统上的Firefox 6 上,我测得了一个简单类选择器的(reflow figure)重绘速度为10.9ms,而ID选择器为12.5ms,所以事实上ID比类选择器重绘要慢一点点。w3cschool暑期特惠学:VIP 买1 年送半年,买2 年送终身,限时加赠编程速记卡!
3、css3选择器使用方法
下面提到的大部分选择器都是在CSS3标准下的,所以它们只能在相应最新版本的浏览器中才能生效,你完全应该把这些都记在你聪明的脑袋里面。从Steve Souders 的CSS Test 我们可以看出ID选择器和类选择器在速度上的差异很小很小。如果你想向旧版本浏览器妥协,比如IE6,那你用这些新的选择器的时候还是得小心点。因此其匹配开销是非常大的,所以应避免使用关键选择器是通配选择器的情况。
4、css3选择器的标记
解释:因为ID选择器是唯一的,加上div 反而增加不必要的匹配。浏览器匹配文档中所有的元素后分别向上逐级匹配class 为content 的元素,直到文档的根节点。极少的情况下会用ID 选择器,当然很多前端开发人员喜欢header,footer,banner,conntent 设置成ID 选择器的,因为相同的样式在一个页面里不可能有第二次。
5、css3选择器与css权重
专家提示:如果你的选择器像X Y Z A B.error 这样,那你就错了。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 80448874@qq.com 举报,一经查实,本站将立刻删除。如若转载,请注明出处:http://www.pglvshi.com/pgdnjn/3249.html