Css3 新增的伪类有哪些
• css 选择器
o id 选择器（ # myid）
o 类选择器（.myclassname）
o 标签选择器（div, h1, p）
o 相邻选择器（h1 + p）
o 子选择器（ul > li）
o 后代选择器（li a）
o 通配符选择器（ * ）
o 属性选择器（a[rel = “external”]）
o 伪类选择器（a: hover, li: nth - child）
• 可以继承
o 字体类：
1. font-family：字体类型；
2. font-weight:字体加粗；
3. font-size:字体大小
4. font-style: 字体样式
5. text-indent: 缩进（只对块级元素生效）
6. text-align:对齐方式
7. line-height:行高
8. word-spacing:字之间的距离；
9. letter-spacing:字符之间的距离；
10.text-decoration:文本修饰
o 文本类:
1. color:颜色
o 列表：
17
1. list-style-type:列表类型
2. list-style-image:图标路径
3. list-style-position:图标的位置
4. list-style:none;去掉列表符号
• 优先级就近原则，样式定义最近者为准; 载入样式以最后载入的定位为准;
• 优先级为: !important > id > class > tag(标签选择器) important 比内联优先级高
• css3 新增的伪类
o 结构性伪类选择器（child 系列）
1. E:first-child E 必须是父元素里面的第一个孩子
2. E:last-child E 必须是父元素里面的最后一个孩子
3. E:nth-child(n) 不匹配前面的元素类型，如果对应的位置是该元素才匹配
4. E:only-child 必须只有他自己一个孩子
o 结构性的伪类选择（type 系列）
1. E:first-of-type 匹配到该元素中的第一个孩子
2. E:last-of-type 匹配到该元素的最后一个孩子
3. E:nth-of-type(n) 匹配到该元素的第几个孩子 n 可以是表达式 2n 3n 2n+1
even(偶数) odd(奇数)
4. E:nth-last-of-type(n) 匹配到该元素的倒数第几个
o 目标伪类：结合锚点使用
o 状态伪类选择器
1. :enabled 元素可编辑
2. :disabled 元素不可编辑
3. :checked 选中
4. ::selection 高亮状态一般修改字体颜色和背景色
o 动态伪类选择器
1. :link 未访问前
2. :visited 访问过后
3. :hover 鼠标滑过
4. :active 鼠标点击之后
