css选择器

选择器的优先级总结
!important > 内联样式 style > ID 选择器 > 伪类选择器 > 属性选择器 = class 选择器 > 伪元素 > 元素(类型)选择器 > 关系选择器 > 通配符选择器

来自这里

具体说说

选择器的分类

元素选择器（即标签选择器）
1.id选择器
2.类选择器
3.属性选择器
4.后代选择器
5.子元素选择器
6.相邻兄弟选择器
7.伪类

伪类有这些
:active	向被激活的元素添加样式。	
:focus	向拥有键盘输入焦点的元素添加样式。	
:hover	当鼠标悬浮在元素上方时，向元素添加样式。	
:link	向未被访问的链接添加样式。	
:visited	向已被访问的链接添加样式。	
:first-child	向元素的第一个子元素添加样式。	
:lang	向带有指定 lang 属性的元素添加样式。
最经典用法 并且顺序不能乱
a:link {color: #FF0000}		/* 未访问的链接 */
a:visited {color: #00FF00}	/* 已访问的链接 */
a:hover {color: #FF00FF}	/* 鼠标移动到链接上 */
a:active {color: #0000FF}	/* 选定的链接 */

8.伪元素

:first-letter	向文本的第一个字母添加特殊样式。	
:first-line	向文本的首行添加特殊样式。	
:before	在元素之前添加内容。	
:after	在元素之后添加内容。
常用后两个 例
h1:before
  {content:url(logo.gif);}