css3选择器
一、通用选择器
- E~F：任何在E元素之后的同级F元素
- E+F：在E元素后一个的同级F元素
- E>F：所有在E元素下一级中的F元素
二、属性选择器
- E[style="xxx"] ，如 input[type=text]{ background-color: blue; }；只有在body中E包含style="xxx"的才会选上
- E[attr ^= val] ，如：li[id ^= t]；在E中只有开头是val才会选上
- E[attr $= val] ，如：li[id $= e]； 在E中的att里，结尾是val才会选上
- E[attr *= val] ，如：li[id *= i]； 在E中的att里，只要有val的就会选上
应用实例：百度文库
三、结构性伪类
- E:root 匹配文档的根元素，对于HTML文档，就是HTML元素
- E:nth-child(n) 匹配E父元素的第n个子元素，第一个编号为1
- E:nth-last-child(n) 匹配其父元素的倒数第n个子元素，第一个编号为1
- E:last-child 匹配父元素的最后一个子元素，等同于:nth-last-child(1)
- E:nth-of-type(n) 与:nth-child()作用类似，但是仅匹配使用同种标签的元素
- E:nth-last-of-type(n) 与:nth-last-child() 作用类似，但是仅匹配使用同种标签的元素
- E:first-of-type 匹配父元素下使用同种标签的第一个子元素，等同于:nth-of-type(1)
- E:last-of-type 匹配父元素下使用同种标签的最后一个子元素，等同于:nth-last-of-type(1)
- E:only-child 匹配父元素下仅有的一个子元素，等同于:first-child:last-child或 :nth-child(1):nth-last-child(1)
- E:only-of-type 匹配父元素下使用同种标签的唯一一个子元素，等同于:first-of-type:last-of-type或 :nth-of-type(1):nth-last-of-type(1)
- E:empty 匹配一个不包含任何子元素的元素，注意，文本节点也被看作子元素
- E:first-letter 对第一个字符进项定义
- E:first-line 对第一行进行定义
