对于结构伪类选择器

来源:互联网 发布:sql删除重复保留唯一 编辑:程序博客网 时间:2024/06/05 15:54

在实际应用中,我们如果想把倒数第二行内容的颜色改变有很多种方法。


但是 如果在大量数据下改起来就十分的麻烦,而结构伪类选择器恰巧就能

改变这一切。


<style>     /*li:nth-child(2n-1)*/     /*{color:#f00;}*/     li:nth-last-child(2)     {color:#f00;}p:nth-of-type(2){    color: red;}



下面则是一些具体的属性:

.E:first-child:选择第一个子元素
b.E:last-child:选择最后一个子元素
c.E:root:选择匹配元素E所在文档的根元素
d.E F:nth-child(n):选择E的第n个子元素
e.E F:nth-last-child(n):选择元素E的倒数第n个子元素
f.E:nth-of-type(n):选择父元素内具有指定类型的第n个E元素
g.E F:nth-last-child(n):选择第N个E元素