选择器就是根据不同需求把不同的标签选出来,简单来说就是选择标签用的。
选择器分为基础选择器和复合选择器两个大类,基础选择器由单个选择器组成,基础选择器又包括:标签选择器,类选择器,id选择器和通配符选择器。
1 标签选择器
标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一标签指定统一的CSS样式:
<style>
p {
color:pink;
}
div {
color:green;
}
</style>
2 类选择器
如果想要差异化选择不同的标签,单独选一个或某几个标签,可以使用类选择器,类选择器在HTML中以class属性表示,在CSS中,类选择器以一个点号显示。长名称或词组可以使用中横线来为选择器命名:
<style>
.red{
color:red
}
</style>
3 id选择器
id选择器可以为标有特定id的HTML元素指定特定的样式,HTML元素以id属性来设置id选择器,CSS中id选择器以 # 来定义,id只能调用一次,用于页面唯一性的元素上,经常和JavaScript一起使用:
<style>
#pink{
color:pink;
}
</style>
4 通配符选择器
在CSS中,通配符选择器使用 * 定义,它表示选取页面中所有元素(标签),通配符选择器不需要调用,自动就给所有元素使用样式,特殊情况才使用:
* {
margin:0;
padding:0;