css3 选择器

1. 属性选择器 
• [attribute]   选择所有带有attribute属性元素  [div]{}
• [attribute=value]  选择所有使用attribute="value"的元素 [div="box"]{}
• [attribute^=value]  选择每一个attribute属性的值以"value"开头的元素  [div^="b"]{}
• [attribute$=value]  选择每一个attribute属性的值以"value"结尾的元素  [div$="1"]{}
• [attribute*=value]  选择每一个attribute属性的值包含子字符串"value"的元素 [src*="baidu"]{}
2. 伪类选择器
• :nth-child(n)   li:nth-child(n) 选择该元素是其父元素的第n个子元素且为li(若不是li元素则不选则)
• :nth-of-type(n)  li:nth-of-type(n)  选择该元素是其父元素的第n个为li的子元素
• :first-child    li:first-child  指定只有当li元素是其父级的第一个子级元素
• :last-child    li:last-child   指定只有当li元素是其父级的最后一个子级元素
3. 伪元素选择器
• :first-letter   p:first-letter  选择每一个<P>元素的第一个字母或者第一个汉字
• :first-line   p:first-line    选择每一个<P>元素的第一行
• :before  在每个被选元素之前插入内容
• :after     在每个被选元素之后插入内容