主要有三种类型选择器：HTML选择器，class选择器，ID选择器。另外还有在此三个选择器基础之上扩展的其它选择器。
HTML选择器：就是HTML标签。
如果将某个HTML标签定义成了选择器，那么CSS应用的网页中，所有的这个HTML标签都按照相应的样式规则来显示。
P{FONT-SIZE:20PT;COLOR:BLUE;FONT-FAMILY:宋体;TEXT-DECORATION:underline}
这就是个标签选择器，网页中所有的P标签都按照这个样式显示。
class选择器：如果想对相同的标签采用几种不同的显示样式的话，那就要设置标签的class属性，来对标签进行分类。
如：
<p>段落一</p>
<p class="warning">段落二</p>
<p class="stop">段落三</p>
样式表定义：
<style>
<!--
p{color:blue}
.warning{color:green};
p.warning{color:yellow}
p.stop{color:red};
-->
</style>
ID选择器：ID也是标签的一个可选属性。通常是class定义一组有共同显示格式的HTML元素，而ID定义某一个特定的HTML元素。
<span id="one">text here</span>
<style>
<!--
#one{Color:yellow}
-->
</style>
关联选择器：用一个空格工或更多的单一选择器组成的字符串。
P H1{background:yellow}
它表示所有<p></p>中的<H1>标签中的文本是黄色显示，而不在<p></p>标记中的H1正常显示
组合选择器的优先级高到单一选择器的优先级。
组合选择器：为了减少样式表的重复声明，如果几个标签的样式一样的话，可以把多个选择器写在同一行，用“，”隔开。
h1,h2,h3,h4,h5,h6,TD{color:red}
这样上面定义的所有的标签的色彩都是红色。
伪元素选择器：
目前常用的伪选择器：
A:active 选中超链接时的状态
A:hover 光标移动到超链接上的状态
A:link 超链接正常显示的状态
A:Visited 访问过的超链接的状态
P:first-line 段落中的第一行文本
P:first-letter 段落中的第一个字母