10/22.复杂选择器

复杂选择器的介绍

1.[att*=val]如果元素属性值中含有val字符，可以使用该样式

2.[att^=val]用att表示该属性值得开头字符用val指定的字符，可以使用该样式。

3.[att$=val]用att表示结尾字符可以使用此样式，在使用连接符号“-”是要使用“\”。

伪类选择器：link（未访问）,hover（悬浮），active（点击时），visited（已经访问）

伪元素选择器：first-line(首行)，first-letter（首字）,after,before.

root,not,empty,target的介绍；

root和body的区别 在于body指定所选内容，而root涵盖所有页面

not选择器：剔除所选

target选择器：瞄点

empty选择器：填补空白，例如表格中有一单元格没有数据，可以使用empty进行填补

nth-child(n), n=oddzz指代奇数，n=even时指代偶数，nth-last-child()倒数第几

nth-child(An+B),A代表样式，B代表样式位置。

only-child：唯一的一个子元素

UI选择器

hover,active(不支持ie8),focus,enabled（不支持ie8），disable（不支持ie8）......

enable指定元素处于可用状态，disable相反

read-only只读状态，read-write非只读

check：radio/checkbox

default:页面打开时默认处于单选/复选框控件样式

indeterminate:页面打开时默认一组单选框中没有被选中

selection:元素处于被选中的样式

invalid不能通过HTML5,诸如required的格式，而valid是可通过

required允许使用required属性，已经指定。optional允许使用而没有指定

in-range:限制输入 out-of-range实际超过

before:前插入文字和图项目编号，after后插

content:" ";none排除内容（当插入图片时候不能改变大小，建议使用background），counter(计数器)

例：h1:before{content:counter();} h1{counter-increment:;}

编号嵌套content:counter__"-"counter__;