css3选择器

1. id选择器(#)：id的值最好不要重复 所以一般只能指定一条 运用不广泛
2. class选择器(.)：功能与id选择器类似，但是可以重复
3. *选择器：表示所有元素都是改变 A(空格) 有改元素的所有
4. 交集选择器写法：选择器1选择器2选择器3选择器4{}
   作用：只会选中所有条件都满足的选择器
   注意点：如果有元素选择器，元素选择器要写在最前面
5. 选择器分组（并集选择器）作用：只要满足一个条件就会改变元素的样式
   语法：选择器1，选择器2，选择器3，选择器4{}
6. 伪类选择器（不存在的类，特殊的类）用来描述一个元素的特殊状态
   1）***:first-child*** ;表示第一个元素:last-child ; 表示最后一个元素
   2）***:only-child***;表示只有一个孩子的元素
   3）***:nth-of-type(An+B)***:表示满足条件An+B
   4）***:only-of-type***: 它匹配一个元素，如果它的父节点没有相同类型的其他子节点
   5） :nth-child ;表示第n个元素
   注意点： n 表示范围0-正无穷 2n或even表示2的倍数的 2n+1或odd表示奇数位的元素
   以上是所有类型中的元素 以下是指定类型中的
   6） :first-of-type :last-of-type :nth-of-type 与上面的用法相似
   7） :not：否定伪类 将符合条件的元素从选择器中去除
   子元素选择器语法：父元素 > 子元素
7. 伪元素选择器：
   1） ::first-letter 表示第一个字母
   2）***::first-line*** 表示第一行
   3）***::selection*** 表示选中的内容
8. after和before伪类选择器：选择在该元素的范围的最后或者最前加上内容，不能超出该标签的范围，before与after通常与content搭配使用
   1） 写法： ::after ::before :after :before都可以 IE8只兼容单冒号的
   2）:after伪元素选择器默认是行内元素
9. 后代元素选择器语法：祖先 后代
10. 兄弟选择器：选择下一个兄弟：前一个+后一个 选择下边的所有兄弟：兄~弟