1、html selector

html 元素 {......}

2、class selector

1)、实现同一个标签不同的样式

p.one{....}

p.two{....}

2)、所有的标签都可以有相同的样式

.one{...}

.two{...}

3、id selector

1)、定义形式为:#idName{....},一个ID样式只能供一个标签使用

4、关联选择器

1)、定义:p em{....},使用时必须是这个结构才会启作用:<p><em>aaaaaa</em></p>

5、组合选择器

1)、定义:p,div,.one,#two{....}

6、伪元素选择器

同一个标签、不同状态的样式

a:link{...}

a:hover{...}

a:visited{...}

总 结(组合运用):

div a.one:link{...}

a.two:link{...}