1、全局选择器

*{}   表示选中所有HTML里面的内容进行操作

2、元素选择器

如：a{}    b{}     也叫任意选择器，可以选中任意元素。也可以多个元素选择器排在一起，中间以逗号隔开。如：ul，a，p{}

3、后代选择器

如：ul li             中间以空格隔开，表示ul下的li元素，属于前辈对后代，可以隔多个级别进行选择

（ul>li）属于父亲对儿子  只有一层关系

4、id选择器

依赖于#，  如#happy{}       表示选择id为happy的元素内容

5、类选择器

如：.happy{}        表示class为happy里的所有元素内容

选择器之间可以组合运用

如 #happy .main ul li    表示id为happy下面class为main下面的ul下面的li元素被选中     一就是一层一层的递进关系

不过关键前提是你的元素中必须要给元素赋予id，class等。

随笔笔记