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>