核心提示：属性选择器：p[data-info] 选择有这个属性的Div[data-info=1] 完全匹配p[data-info ^= h] 匹配开头p[data-info $= h]匹配结尾p[data-in...
属性选择器：
p[data-info] 选择有这个属性的
Div[data-info="1"] 完全匹配
p[data-info ^= "h"] 匹配开头
p[data-info $= "h"]匹配结尾
p[data-info ~= "h"]匹配空格
p[data-info |= "h"]匹配短横、开头
p[data-info *= "h"]匹配任意
Css3选择器：
Div:first-child{}第一个儿子
Div:last-child{}最后一个儿子
Div:nth-child(n) 选择din儿子
Div:nth-child(2n+3)从第三个开始每两个选一个
Div:nth-last-child(2n+3) 倒数
//类型
Div:first-of-type{} 第一个p类型的
Div:last-of-type{} 最后一个p类型的
Div：nth-of-type(n)第3个p类型的
DIV:nth-of-type(2n+3)选出p类型的从第三个开始，每两个选一个
Div:nth-last-of-type(2n+3)倒数
//关系
Div>p 所有的后代p
Div+p 下一个亲P
Div~p 后面的所有p
//伪类
:hover
:focus 得到焦点
:enabled 有效的
:disabled 无效的
:empty 空标签
//伪元素
::before
::after
//一定要有content;他们是行内的元素;他们是子集元素
::selection 反选的内容
::first-line 首行
::first-letter 首字
