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+查看。

…阅读全文…