选择器

> 子元素选择器选择指定元素的直接子元素
:first-child 这个选择器选中某个元素的第一个子元素
:last-child 这个选择器选中某个元素的最后一个子元素
el:only-of-type 匹配同胞中唯一的那个元素，如果有多个相同类型的子元素，:only-of-type 就不会选择任何元素。
el:only-child 匹配那些作为其父元素的唯一子元素存在的元素（即某个父元素只有el这一个子元素）。
el:first-of-type 匹配第一个的元素
el:last-of-type 匹配最后一个的元素
el:nth-child(n) 匹配第 n 个的元素
el:nth-of-child(n) 匹配第 n 个 el 的元素
el + el 相邻兄弟选择器，匹配到紧随目标元素后的第一个元素
el ~ el 普通兄弟选择器，匹配到紧随其后的所有兄弟元素
:link :visited :hover :active :focus 伪类选择器
ul li:not(:last-child) 选择除了最后一个子元素以外的所有子元素
::selection选择器 实现鼠标选中段落文字时候的样式，比如p::selection { ... }，注意：在该选择器中只能设置与颜色相关的属性。

/* 属性选择器： */
E[attr] 属性名，不确定具体属性值
E[attr = "value"] 指定属性名，并指定其对应属性值
E[attr ~="value"] 指定属性名，找到的是具有此属性名，且与其它属性名之间用空格隔开

E[attr ^= "value"] 指定属性名，属性值以value开头
E[attr $= "value"] 指定属性名，属性值以value结束
E[attr *= "value"] 指定了属性名，属性值中包含了value
E[attr |= "value"] 指定属性名，属性值以value-开头或者值为value