css选择器

• ID选择器（#my）
• 类选择器（.my）
• 标签选择器（div）
• 通配选择器（**）
• 后代选择器（ul li）
• 相邻兄弟选择器（h1+p）
• 子元素选择器（ul>li）
• 属性选择器（a[rel=‘any’]）
• 伪类选择器（a: hover）

样式继承

可继承属性：font-size, font-family, color

不可继承的样式：border, padding, margin, width, height

优先级

优先级（就近原则）：!important > [ id > class > tag ]
!important 比内联优先级高

优先级算法计算

元素选择符： 1
class选择符： 10
id选择符：100
元素标签内：1000

1. !important声明的样式优先级最高，如果冲突再进行计算。
2. 如果优先级相同，则选择最后出现的样式。
3. 继承得到的样式的优先级最低。

css3新增伪类

p:first-of-type 选择属于其父元素的首个元素
p:last-of-type 选择属于其父元素的最后元素
p:only-of-type 选择属于其父元素唯一的元素
p:only-child 选择属于其父元素的唯一子元素
p:nth-child(2) 选择属于其父元素的第二个子元素
:enabled :disabled 表单控件的禁用状态。
:checked 单选框或复选框被选中