css选择器

一 选择器分类

1、通配选择器（*）

　匹配所有（html，body，body中的所有子标签）（具有显示标签的所有标签）
　　* {
    　　border: solid;
　　}

2、标签选择器（标签名）：匹配指定标签名的对应的所有标签

```css
div {
    background-color: yellow;
}
匹配文档中所有与标签名匹配的标签：如div{}会匹配文档中全部div，span{}会匹配文档中所有span
```

3、类选择器：匹配指令类型对应的所有标签

```css
.red {
    color: red;
}
匹配文档中所有拥有class属性且属性值为red的标签：如<sup class="red"></sup> <sub class="red"></sub>均会被匹配
```

4、id选择器：匹配指令id名对应的唯一标签

```css
#div {
    text-align: center;
}
匹配文档中所有拥有id属性且属性值为div的标签：如<div id="div"></div> <section id="div"></section>均会被匹配
```

html,css都是标记语言,所有对id可以进行多匹配,但js是编程语言.只能匹配到一个

总结：

总结：
1.通配选择器一般用于整体reset操作(reset操作:清除系统自定义样式)

        * {
            margin: 0;
        }

2.标签与id选择器运用场景并不多,一般不提倡采用id选择器进行布局
3.类选择器为布局首选(建议基本全用class选择器进行布局)
        基本选择器优先级:id > class > 标签 > 通配
    目标对象:<div class="d" id="ele">d_2</div>