CSS3新增选择器[2]:结构伪类(3)

6. E:last-child

匹配所有E元素,当此元素是其父元素的最后一个子元素时。例如:

li:last-child { …… }

和:first-child类似,这两个伪类在设定菜单样式(特别是导航菜单)的时候很有用,很多情况下,菜单的第1项和最后1项会和其他项稍有不同,例如:(查看示例文件)

…阅读全文…

CSS3新增选择器[2]:结构伪类(2)

3. E:nth-last-child(n)

匹配所有在其父元素中排倒数第 n 个且类型为 E 的元素。
这个伪类与:nth-child(n)类似,只是以最后一个子元素为起点计算。
…阅读全文…

CSS3新增选择器[2]:结构伪类(1)

4.7.3 结构伪类(Structural pseudo-classes)

CSS 3增加了大量的结构伪类,利用文档结构树来实现表现,从而可以减少页面内class属性和ID属性的定义,使得文档更加简洁。

提示:以下示例,请使用Google Chrome、Firefox 3.5+、Safari 3.1+或者Opera 9.63+查看。

…阅读全文…

CSS 3选新增择器[1]:更多的属性选择器

前言:Google的Chrome对于学习最新的CSS选择器的人来说是一个好消息,因为它支持CSS3的新选择器,所以本猫也把书里面没有展开介绍的部分,重新充实了一下。当然,书已经下印厂无法修改了,但是来这里看的人们可以先睹为快了。目前支持这3种匹配方式的属性选择器的浏览器有:IE 7.0、Firefox 2.0、Opera 9.2、Safari等。现在还有Google的Chrome。

CSS 3在CSS 2支持的选择器的基础上,又增加了多种功能强大而且非常实用的选择器,在本节内将对这些选则器作简单介绍。

…阅读全文…