选择器

---

1.标签选择器

• 标签选择器：针对一类标签

p{ font-size:14px; }

2.ID选择器

• ID 选择器：针对某一个特定的标签使用

#box{ border:3px dashed green; }

3.类选择器

• 类选择器：针对你想要的所有标签使用 (最常用)

.one{ width:800px; }  

4.通用选择器

• 通用选择器（通配符）：针对所有的标签都适用（不建议使用）

*{ margin: 0; padding: 0;}

5.后代选择器

• 后代选择器：用空格隔开

    /**空格就表示后代。  .div1 p 表示.div1的后代所有的p。**/
    .div1 p {
        color: red;
    }

6.并集选择器

• 并集选择器：定义的时候用逗号隔开

p,h1, #box, .wrapper {
    color: red;
}

7.子代选择器

• 子代选择器，用符号>表示

div > p {
    color: red;
}

<div>
    <p>我是div的儿子</p>
</div>