css选择器

选择器介绍：

㈠派生选择器(上下文选择器)
   通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。派生选择器可以批量定义
㈡class类名选择器(单类,多类)
   类选择器允许以一种独立于文档元素的方式来指定样式。
   该选择器可以单独使用，也可以与其他元素结合使用。
㈢id选择器(特定元素)
   在某些方面，ID 选择器类似于类选择器，不过也有一些重要差别。
㈣标签选择器
   标签选择器选定的是当前界面中所有该名称的标签，而不能单独选定某一标签
   标签选择器无论标签藏得多深都能找到
㈤后代选择器(包含选择器)
   后代选择器可以选择作为某元素后代的元素。
㈥子代选择器
   与后代选择器相比，子元素选择器只能选择作为某元素子元素的元素。
㈦兄弟元素选择器
   兄弟元素选择器可以选择作为某元素兄弟的元素。
㈧毗邻元素选择器
   毗邻元素选择器可以选择作为某元素第一个兄弟的元素
㈨组合选择器
   ⑴任意选择器组合--------a,b(满足a或者满足b的所有元素)
   ⑵后代选择器------------a b(满足a之内的所有b元素)
   ⑶子代选择器------------a>b(满足a且子代为b的元素)
   ⑷兄弟选择器------------a~b(在a之后所有同级的b元素)
   ⑸毗邻元素选择器--------a+b(在a之后的第一个同级b元素)
㈩属性选择器，伪类选择器

选择器的优先级:

⑴不同级别
   ①在属性后面使用 !important
   ②作为style属性写在元素内的样式
   ③id选择器
   ④类选择器
   ⑤标签选择器
   ⑥通配符选择器
   ⑦浏览器自定义或继承
   总结排序：!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性
⑵同级
同一级别中后写的会覆盖先写的样式