伪类选择器以及动态伪类选择器

伪类选择器

结构性伪类选择器X:first-child 匹配子集的第一个元素。IE7就可以支持

X:last-child匹配父元素中最后一个X元素

X:nth-child(n)用于匹配索引值为n的子元素。索引值从1开始

X:nth-last-child(n)从最后一个开始算索引。

X:first-of-type匹配同级兄弟元素中的第一个X元素​

X:last-of-type**匹配同级兄弟元素中的最后一个X元素 ​

X:nth-of-type(n)匹配同类型中的第n个同级兄弟元素X ​

X:only-of-type匹配属于同类型中唯一兄弟元素的X ​

X:nth-last-of-type(n) 匹配同类型中的倒数第n个同级兄弟元素X

动态伪类选择器

a:link 链接伪类选择器 选择匹配的E元素，而且匹配元素被定义了超链接并未被访问过。常用于链接描点上

a:visited 链接伪类选择器 选择匹配的E元素，而且匹配元素被定义了超链接并已被访问过。常用于链接描点上

E:active 用户行为选择器 选择匹配的E元素，且匹配元素被激活。常用于链接描点和按钮上 E:hover 用户行为选择器 选择匹配的E元素，且用户鼠标停留在元素E上。IE6及以下浏览器仅支持a:hover

E:focus 用户行为选择器 选择匹配的E元素，而且匹配元素获取焦点

层级选择器

E>F 子选择器 选择匹配的F元素，且匹配的F元素所匹配的E元素的子元素

E+F 相邻兄弟选择器 选择匹配的F元素，且匹配的F元素紧位于匹配的E元素的后面

E~F 通用选择器 选择匹配的F元素，且位于匹配的E元素后的所有匹配的F元素