选择器和样式优先顺序

选择器

元素选择器
id选择器
类选择器
伪类选择器:
:hover
:link
:visited
:active
以下IE6及其以下都不支持
:after 选择标签与内容的最前面
:before选择标签与内容的最后面
:after和:before需要结合content使用，但是添加的文字不能选中
:focus表示选中光标
::selection表示选中文字
:first-letter选择第一个字
:first-line选择第一行
:first-child选择所有标签中的第一个
:first-of-type选择当前类型中的第一个
:last-child选择所有标签的最后一个
:last-of-type选择当前类型中的最后一个
:nth-child(even/odd/数字){}even偶数odd奇数，数字表示选择第几个
后代选择器 选择器1空格选择器2空格{}
分组选择器(并集)选择器1,选择器2,选择器n{}
交集选择器1选择器2选择器n{}
兄弟选择器
前一个+后一个，选中相邻兄弟元素的后一个
前一个～后一个，选中相邻兄弟元素后面所有当前元素
子元素选择器 父元素>子元素{}指定父元素的子元素
属性选择器
[属性名]
[属性名=属性值]
[属性名*=属性值]
[属性名^=属性值]
[属性名＄=属性值]
[属性名|=属性值]
[属性名～=属性值]

选择器的优先顺序

内联样式最大:权重1000
id选择器:100
类和伪类:10
元素选择器:1
通配符选择器:0
继承的样式，没有权重
注意:
如果是并集，则想加，但不会超过元素的最大权重
如果是交集，要另外单独计算，具体我还没查
如果是同级，则后面的那一个优先。
伪类中,:hover、:link、:visited、:active,hover和active必须在visited和link的后面，hover一定在active的前面，如果hover在后面，当点击时，无效，因为二者权重相同，会执行后面那个。
:hover和:active可以用于除a标签之外的元素，但是IE6及其以下并不支持。
:visited由于用户隐私问题，只能设置字体颜色

元素之间的关系

父元素:直接包括子元素的元素
子元素:直接被元素包含的元素
兄弟元素:拥有同一个父元素的元素
祖先元素:直接或者间接包含元素的元素
后代元素:被直接或者间接包含的元素