首先来说一下，什么是选择器。在一个HTML页面中会有很多很多的元素，不同的元素可能会有不同的样式，某些元素又需要设置相同的样式，选择器就是用来从HTML页面中查找特定元素的，找到元素之后就可以为它们设置样式了。 选择器为样式规则指定一个作用范围。
基本选择器
标签选择器
顾名思义就是通过标签名来选择元素：
- 标签选择器可以选中所有的标签元素，比如div，ul，li ，p等等
- 不管标签藏的多深，都能选中
- 选中的是所有的，而不是某一个，所以说 "共性" 而不是 ”特性“
实例：
p { color: red;} 将所有的p标签设置字体颜色为红色。
ID选择器
通过元素的ID值选择元素：
- 同一个页面中 id 不能重复
- 任何的标签都可以设置 id
- id命名规范 要以字母 可以有数字 下划线 - 大小写严格区分 aa和AA
示例：
#i1 { color: red;} 将id值为i1的元素字体颜色设置为红色。
类选择器
通过样式类选择元素：
- 类就是class；class与id非常相似；任何的标签都可以加类；但是类是可以重复，归类
- 同一个标签中可以携带多个类，用空格隔开
- 类的使用能够决定前端工程师的css水平到底有多牛逼，要多用，一定要有”公共类“的概念
总结：
- 不要去试图用一个类将我们的页面写完。这个标签要携带多个类，共同设置样式
- 每个类要尽可能的小，有公共的概念，能够让更多的标签使用
- 到底使用id还是用class？
- 答案：尽可能的用class。除非一些特殊情况可以用id
- 原因：id一般是用在js的。也就是说 js是通过id来获取到标签
示例：
.c1 { color: red;} 将所有样式类含.c1的元素设置字体颜色为红色。
通用选择器
使用*选择所有元素：
* { color: black;} 因为效率低的原因，一般不用