伪类选择器

图3-3 目标伪类选择器的选择效果

5.  结构伪类选择器

主要包括如表3-6所示的几种情况。

表3-6  UI结构伪类选择器

                                                   

 

选择符

 
 

功能描述

 
 

E:root

 
 

匹配E元素在文档的根元素

 
 

E:first-child

 
 

匹配父元素的第一个子元素E

 
 

E:last-child

 
 

匹配父元素的最后一个子元素E

 
 

E:only-child

 
 

匹配父元素仅有的一个子元素E

 
 

E:nth-child(n)

 
 

匹配父元素第n个子元素E

 
 

E:nth-last-child(n)

 
 

匹配父元素倒数第n个子元素E

 
 

E:first-of-type

 
 

匹配同类型中的第一个同级兄弟元素E

 
 

E:last-of-type

 
 

匹配同类型中的最后一个同级兄弟元素E

 
 

E:only-of-type

 
 

匹配同类型中的唯一的一个同级兄弟元素E

 
 

E:nth-of-type(n)

 
 

匹配同类型中的第n个同级兄弟元素E

 
 

E:nth-last-of-type(n)

 
 

匹配同类型中的倒数第n个同级兄弟元素E

 
 

E:empty

 
 

匹配没有任何子元素(包括text节点)的元素E

 

备注: "CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1CSS2 还是 CSS3


Powered By 主机

 Theme By 服务器

Copyright 六六互联.Some Rights Reserved.

 
英雄联盟S12有哪些 中超在哪个网站买球 LoLS12买输赢 有正规的彩票平台吗 世界杯网上买球的网址
lol春季赛电竞在哪投注 凯发最新网址是什么 pg电子麻将胡了爆2万倍 外围买球软件有哪些 ag真人网址是多少
ag真人网址是多少 2022英雄联盟S12总决赛下注 投注英雄联盟比赛 英雄联盟S12外围网 英雄联盟S12外围比分
ag真人网址是多少 英雄联盟S12比赛推荐 乐鱼在线注册网址 万博max官网地址 想在外围买足彩哪个平台好