状态类
x:active 按住时
x:focus 焦点集中时
x:hover 鼠标悬停时
x:link 链接未访问之前
x:visited 链接访问之后
优先顺序应为：Link--visited--hover--active
x:lang（xx） 选择属性是lang="xx" x元素
x:not(y) 选择不含y的x元素（适用于样式复杂多变）
x:root 选择x的根元素 通常是html元素（也就是说没有x 一般都会是文档的根元素即<html>）
x:first-child 选择父元素的第一个子元素并且是x的元素
x:last-child 选择父元素的最后一个子元素并且是x的元素
x:only-child 选择父元素的唯一一个子元素并且是x的元素
x:nth-child(n) 选择父元素的第n元素并且是x的元素
x:nth-last-child(n) 选择父元素的倒数第n个元素并且是x的元素
x:first-of-type 选择同辈元素中的第一个x元素
x:last-of-type 选择同辈元素中的最后一个x元素
x:only-of-type 选择同辈元素中的唯一一个x元素
x:nth-of-type（n） 选择同辈元素中的第n个x元素
x:nth-last-of-type（n）选择同辈元素中的倒数第n个x元素
x:empty 选择没有子元素的x元素（包括内容有文本）
x:checked 选择按钮处于被选中状态的元素x（适用于input的type是radio和checkbox）
x:enabled 选中可用元素x（适用于input）
x:disabled 选择禁用的元素x（适用于input）
x:target 选择url指向的x元素（就是锚记 如果没有x 就指向哪里选哪里 不限制元素）