1 元素选择器：比如p{xxxx}，选择文档中所有的p元素；
2 类选择器：比如.center_bar{xxxx}，选择文档中使用了类center_bar的元素；
3 id选择器：比如.button1{xxxx}，选择文档中使用了button1的元素；
4 或选择器：用逗号连接多个选择器；
5 与选择器：多个选择器紧挨在一起；
6 后代选择器：用空格连接多个选择器；
7 子代选择器：用大于号连接多个选择器，它其实是后代选择器的特殊情况；
8 属性选择器：
(1) 比如p[id]，选择标签上有属性“id”的p元素；
(2) 比如p[id="button1"]，选择标签上有属性“id”并且id的值为“button1”的p元素；
(3) 比如p[id^=”b”]，选择标签上有属性“id”并且id的值以“b”开头的p元素；
(4) 比如p[id$=”b”]，选择标签上有属性“id”并且id的值以“b”结尾的p元素；
(5) 比如p[id*=”b”]，选择标签上有属性“id”并且id的值包含“b”的p元素；
9 p:first-child：既是p元素，也是某元素的第一个孩子；
10 p:last-child：既是p元素，也是某元素的最后一个孩子；
11 p:nth-child(3)：既是p元素，也是某元素的第三个孩子；
12 p:nth-child(odd)：既是p元素，也是某元素的第奇数个孩子；
13 伪类选择器都是某种状态，比如active、link、hover，使用“:”；
14 伪元素选择器，确实有某些实体的东西，比如第一行文字、第一个文字、被选中的文字，使用“::”
15 只有多个选择器选中了同一个元素的同一个属性，才会出现优先级的问题；
16 如果两个选择器优先级相同，那么写在后面的选择器生效；
17 选择器优先级的排列：
(1) !important
(2) 内联样式
(3) id选择器
(4) 类和伪类选择器
(5) 元素和伪元素选择器
(6) *选择器
(7) 继承样式
CSS选择器又被称为CSS样式、CSS属性选择器。是由css命名及后面属性及属性值构成一个整体。
1.基础选择器
a.id选择器：通过设置元素的id属性为该元素制定ID。ID由开发者指定。每个ID在文档中必须是唯一的。在写样式表时，ID选择器是以#开头的。
HTML
CSS
执行效果：
b.class选择器：是以独立于文档元素的方式来指定样式，使用类选择器之前需要在html元素上定义类名，也就是要保证类名在html标记中存在。
HTML
CSS
执行效果：
c.元素选择器：通过note节点名称匹配元素。
HTML
CSS
2.属性选择器：
注意：最后一个选择器是E[attr|=val]，由于输入|会对表格造成影响，只能用/代替。
CSS3新增了一些属性选择器，待持续更新。
3.组合选择器
示例如下：
实现效果如下：
示例如下：
从高到低依次是：
1.在属性后面使用 !important会覆盖页面内任何位置定义的元素样式
2.作为style属性写在元素标签上的内联样式
3.id选择器
4.类选择器
5.伪类选择器
6.属性选择器
7.标签选择器
8.通配符选择器
9.浏览器自定义
选择器的特殊性值表述为4个部分，用0,0,0,0表示。
参考：
1. css优先级计算规则
2. CSS选择器笔记
3. Selectors MDN
4. CSS3 选择器——基本选择器
5. CSS3 选择器——伪类选择器
6. 征服高级CSS选择器
CSS 元素选择器(也称为类型选择器)通过 Node 节点名称匹配元素。
因此，在单独使用时，寻找特定类型的元素时，元素选择器都会匹配该文档中所有此类型的元素。
根据元素的类属性中的内容匹配元素。
类属性被定义为一个以空格分隔的列表项，在这组类名中，必须有一项与类选择器中的类名完全匹配，此条样式声明才会生效。
选择器会根据该元素的 ID 属性中的内容匹配元素。
元素 ID 属性名必须与选择器中的 ID 属性名完全匹配，此条样式声明才会生效。
在 CSS 中，一个星号( * )就是一个通配选择器。它可以匹配任意类型的 HTML 元素。
在配合其他简单选择器的时候，省略掉通配选择器会有同样的效果。比如，*.warning 和.warning 的效果完全相同。
在 CSS3 中,星号( * )可以和命名空间组合使用:
CSS 属性选择器通过已经存在的属性名或属性值匹配元素。
相邻兄弟选择器 ( + ) 介于两个选择器之间，当第二个元素紧跟在第一个元素之后，并且两个元素都是属于同一个父元素的子元素，则第二个元素将被选中。
兄弟选择符，位置无须紧邻，只须同层级，A~B 选择 A 元素之后所有同层级 B 元素。
当使用 > 选择符分隔两个元素时，它只会匹配那些作为第一个元素的直接后代(子元素)的第二元素。
通常用单个空格（ ）字符表示）组合了两个选择器，
如果第二个选择器匹配的元素具有与第一个选择器匹配的祖先（父级，父级的父级，父级的父级的父级等）元素，则它们将被选择。
CSS 选择器列表（ , ），常被称为并集选择器或并集组合器，选择所有能被列表中的任意一个选择器选中的节点。
: 伪选择器支持按照未被包含在文档树中的状态信息来选择元素，即指定要选择的元素的特殊状态。
例如， :hover 可被用于在用户将鼠标悬停在按钮上时改变按钮的颜色。
具体详见
:: 伪选择器用于表示无法用 HTML 语义表达的实体。
伪元素是一个附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式。
例如， p::first-line 匹配所有 <p> 元素的第一行。
具体详见
