一、选择器分组
- 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;}