伪类选择器
- 动态伪类
- UI元素状态伪类
- CSS3结构类
- 否定选择器
- 伪元素
动态伪类
这些伪类并不存在于HTM中,只有当用户和网站交互的时候才能体现出来
- 锚点伪类 :link :visited
- 用户行为伪类 :hover :active :focus(获取鼠标焦点)
UI元素状态伪类(CSS3新增)
我们把:enabled,:disabled,:check伪类称为UI元素状态伪类 兼容IE9以上 check只兼容OPera
CSS3结构类(nth选择器)
选择方法
- first-child 选择属于其父元素的首个子元素的每个Element元素,并为其设置样式 兼容IE8以上
- last-child 指定属于父元素的最后一个子元素的Element元素样式 兼容IE8以上
- nth-child(n) 匹配属于其父元素的第N个子元素,不论元素的类型 兼容IE9以上 (关于参数n n是一个简单的表达式,取值从0开始,这里只能是n,不能使用其他字符 odd(奇数) even(偶数)
- nth-last-child(n) 匹配属于其父元素的第N个子元素,不论元素的类型,从最后一个子元素开始计数 兼容IE9以上
- nth-of-type(N) 选择器匹配属于父元素的特定类型的第N个子元素的每个元素 兼容IE9以上
0-1 1-12-13-10-20-3 2-12-22-3
- nth-last-of-type(N) 选择器匹配属于父元素的特定类型的第N个子元素的每个元素 从最后一个元素开始匹配 兼容IE9以上
- first-of-type 选择器匹配属于其父元素特定类型的首个子元素的每个元素 兼容IE9以上
- last-of-type 选择器匹配属于其父元素特定类型的最后一个子元素的每个元素 兼容IE9以上
- only-child 选择器匹配属于其父元素唯一子元素的每个元素 兼容IE9以上
- only-of-type 择器匹配属于父元素的特定类型的唯一子元素的每个元素 兼容IE9以上
- empty 选择器匹配没有子元素(包括文本节点)的每个元素 兼容IE9
secondThird
否定选择器(not)
:not(Element/selector)选择器匹配非指定元素/选择器的每个元素
语法格式
父元素:not(子元素/子选择器) 兼容IE9
原
改