2.6通配符选择器
在CSS中,通配符选择器使用“*”定义,它表示选取页面中所有元素(标签)。
语法
* {
属性1: 属性值1;
……
}
注意
通配符选择器不需要调用,自动就给所有的元素使用样式
特殊情况才使用,后面讲解使用场景(以下是清除所有的元素标签的内外边距,后期讲)
* {
margin: 0;
padding: 0;
}
2.7基础选择器总结
基础选择器 | 作用 | 特点 | 使用情况 | 用法(定义) |
标签选择器 | 可以选出所有相同的标签,比如p | 不能差异化选择 | 较多 | p{ color: red; } //所有p标签<p></p>将改变 |
类选择器 | 可以选出1个或者多个标签 | 可以根据需求选择 | 非常多 | .nav{ color: red; } 调用: class="nav" |
id选择器 | 一次只能选择1个标签 | ID属性只能在每个HTML文档中出现一次 | 一般和js搭配 | #nav{ color: red: } 调用: id= "nav" |
通配符选择器 | 选择所有的标签 | 选择的太多,有部分不需要 | 特殊情况使用 | *{ color: red; } |
每个基础选择器都有使用场景,都需要掌握
如果是修改样式,类选择器是使用最多的