CSS3 选择器

一、选择器分组  

• h1,h2{color:#f00;}
• 通配符 *{margin:0px;padding:0px;}

二、元素选择器 p{color:#ddd;}

三、类选择器　

• 单独使用 .f12B{font-size:12px;font-weight:bold;}
• 可以结合元素选择器使用 a.f12B{color:#fff;}
• 多类选择器　　.p1.p2{font-style:italic;}

四、ID选择器

　　#id{}

　　ID选择器和Class选择器的区别：

• ID选择器在文档中只能使用一次，而类选择器可以使用多次；
• ID选择器不能结合使用；
• 当使用js的时候，需要用到id getElementByID("id")

五、属性选择器

　　[title]{color:#f00;} 含有title属性

　　a[href="http://www.baidu.com"]{} 属性值完全匹配

　　[title~="title"]{}  ~表示模糊

六、后代选择器

　　p strong{color:#f0f;}

七、子元素选择器

　　p>strong{color:#fof;} 只能是一层

八、相邻兄弟选择器

　　可选择紧接在另一个元素后的元素，且两者有共同的父元素

　　li+li{font-size:20px;}