复杂选择器的介绍
<p>1.[att*=val]如果元素属性值中含有val字符，可以使用该样式
<p>2.[att^=val]用att表示该属性值得开头字符用val指定的字符，可以使用该样式。
<p>3.[att$=val]用att表示结尾字符可以使用此样式，在使用连接符号“-”是要使用“\”。
<h6>伪类选择器：link（未访问）,hover（悬浮），active（点击时），visited（已经访问）
<h6>伪元素选择器：first-line(首行)，first-letter（首字）,after,before.
<h6>root,not,empty,target的介绍；
<h6>root和body的区别 在于body指定所选内容，而root涵盖所有页面
<h6>not选择器：剔除所选
<h6>target选择器：瞄点
<h6>empty选择器：填补空白，例如表格中有一单元格没有数据，可以使用empty进行填补
<h6>nth-child(n), n=oddzz指代奇数，n=even时指代偶数，nth-last-child()倒数第几
<h6>nth-child(An+B),A代表样式，B代表样式位置。
<h6>only-child：唯一的一个子元素
UI选择器
<p>hover,active(不支持ie8),focus,enabled（不支持ie8），disable（不支持ie8）......
<p>enable指定元素处于可用状态，disable相反
<p>read-only只读状态，read-write非只读
<p>check：radio/checkbox
<p>default:页面打开时默认处于单选/复选框控件样式
<p>indeterminate:页面打开时默认一组单选框中没有被选中
<p>selection:元素处于被选中的样式
<p>invalid不能通过HTML5,诸如required的格式，而valid是可通过
<p>required允许使用required属性，已经指定。optional允许使用而没有指定
<p>in-range:限制输入 out-of-range实际超过
<p>before:前插入文字和图项目编号，after后插
<p>content:" ";none排除内容（当插入图片时候不能改变大小，建议使用background），counter(计数器)
<p>例：h1:before{content:counter();} h1{counter-increment:;}
<p>编号嵌套content:counter__"-"counter__;
