旧的选择器：
通配符选择器，元素选择器，类选择器,ID选择器，后代选择器
通配选择器：例如我们通常写的
* { padding：0；
margin:0；
}
元素选择器：直接输入 div 或者是 p 之类的
ID选择器：如在标签内部定义了一个id值，这时候就可以选择使用id选择器 如；#footer
后代选择器：我们知道html代码是可以嵌套的，这样就会存在一个上下级，也就是我们的父级以及子级的关系
我们可以写如这样的 #footer p
新增基本选择器
子元素选择器、相邻兄弟元素选择器、通用兄弟选择器、群组选择器
子元素选择器：
看起来和后代选择器一样，其实不一样
如：
<div>
<p>第一层</p>
<div>
<p>第一层</p>
</div>
<footer>
<p>第一层</p>
</footer>
</div>
div >p 这时候选择的就是“第一层”的内容
相邻兄元素选择器:
书写方式：div >p+div >p
这时候指的就是第二层的内容
通用兄弟选择器：
书写方式：div >p ~div
这时候指的内容是 p 下面d div以及footer元素
群组选择器：
书写方式：div >p ,div>div>p,div>footer>p
这个时候表示的所有的 p 标签