css选择器

1. ID选择器：ID是唯一的，在一个页面中一个只能出现一次，同时第一个不能写数字
   标识符：#
2. class选择器：class选择器可以复用，可以添加多个class样式
3. 标签选择器：
   使用场景：去掉某些默认样式时候
4. 群组选择器：通过逗号，给多个不同的选择器添加统一css样式
   如：div ，#text ，.title
5. 交集选择器：选中同时满足ele1和ele2的元素
   ele1ele2 两个选择器之间没有任何符号，如（ul.txt1）
6. 层次选择器：
   后代 M N{ } （全部子代都可继承）
   父子 M>N { } （只有M的子代可继承）
   兄弟 M ~ N { } （当前M下面的所有兄弟N标签）
   相邻 M + N { } （当前M下面的相邻的N标签）
   
7. 属性选择器：

如：div[class]、div[class=link]、div[class*=link]
= ：完全匹配
* = ：部分匹配
^= ：起始匹配
$= ：结束匹配

8. 伪类选择器：M（标签）:
   （一） 伪类状态选择器：针对链接标签
   :link 访问前的样式 （只能添加给a标签，href="" 里面有东西才会触发）
   :visited 访问后的样式 （只能添加给a标签）
   :hover 鼠标移入时的样式 （可以添加给所有标签）
   :active 鼠标按下时的样式 （可以添加给所有标签）
   :after（添加在内容的后面）、:before（添加在内容的前面） 通过伪类的方式给元素添加一段文本内容。使用content属性
   :checked、:disabled、:focus 都是针对表单元素
   （二）结构性伪类选择器
   nth-of-type（） nth-child（）
   角标是从1开始的，1表示第一项 | n值 表示从0到无穷大
   first-of-type：第一个
   last-of-type：最后一个
   only-of-type：唯一的