这是我参与2022首次更文挑战的第6天
二、选择器分类
3)类选择器-多类名
我们可以给一个标签指定多个类名,从而达到更多的选择目的。这些类名都可以选出这个标签。即一个标签有多个名字。
a.多类名使用方式:
标签在class属性中写多个类名,即这个标签有多个名字;多个类名必须用空格分开;这个标签就可以分别具有这些类名的样式。
多类名开发中使用场景:
可以把一些标签元素相同的样式(共同的部分)放到一个类里面;这些标签都可以调用这个公共的分类,然后再调用自己独有的类;从而节省CSS代码,统一修改也非常方便;多类名选择器在后期布局比较复杂的情况下,还是较多使用的。
4)id选择器
id选择器可以为标有特定id的HTML元素指定特定的样式。
HTML元素以id属性来设置id选择器,CSS中id选择器以“#”来定义。
id属性只能在每个HTML文档中出现一次。id选择器的口诀:样式#定义,结构id调用,只能调用一次,其他不可重复使用。
a.语法:
#id名{
属性1:属性值1;
......
}
例如:将id为nav元素中的内容设置为红色。
#nav{
color:red;
}
b.id选择器和类选择器(class)的区别:
类选择器(class)好比人的名字,一个人可以有多个名字,一个名字也可以被多个人使用。
id选择器好比人的身份证号码,全国是唯一的,不得重复。
id选择器和类选择器最大的不同在于使用次数,id选择器只能使用一次,类选择器可以多次使用。
类选择器在修改样式中用的最多,id选择器一般用于页面唯一性的元素,经常和JavaScript搭配使用。
5)通配符选择器
在CSS中,通配符选择器使用“*”定义,它表示选取页面中所有元素(标签)。
a.语法:
*{
属性1:属性值1;
......
}
b.注意:
通配符选择器不需要调用,自动就给所有的元素使用样式。
特殊情况才使用,后面讲解使用场景(以下是清除所有的元素标签的内外边距,后期讲)
*{
margin:0;
padding:0;
*}