css3选择器

1、属性选择器
[att=value]
[att~=value]
[att|=value]
[att^=value] 开始
[att$=value] 包含
[att*=value] 结束

2、兄弟选择器
临近兄弟选择器（同一父元素，紧邻）： +
普通兄弟选择器（无需紧跟）： ~

3、伪类
动态伪类（链接和用户行为）：
:link 尚未访问
:visited 访问过
:active 点击同时
:focus 获得焦点
:hover
:first-child 第一个子元素
语言伪类： 如:lang(en)
:target 控制锚点样式
UI伪类：
:enable
:disable
:checked
结构伪类：
:nth-child(n) 父元素的第几个子元素
:nth-last-child(n) 倒数开始算
如：:nth-child(-n+4) 匹配最后四个
n值也可为even或者odd奇偶数
:nth-of-type 只计算选择器中指定的那个元素
:nth-last-of-type
:first-of-type
:last-of-type
:last-child
:only-child
:empty
否定选择器：
:not()不匹配该选择器元素
伪元素：
::first-line 匹配block、inline-block、table-caption、table-cell等等级别元素的第一行，font-variant: small-caps; 把第一行变为小写
::first-letter 匹配一个文本块的第一个字母，除非在同一行里面包含一些其它元素，比如图片
首字下沉

p {   font-size: 12px;   }     p::first-letter {   font-size: 24px;   float: left;   }

::before
::after