class id 类
id和class选择器
(1)、id选择器
id选择器可以为标有特定id的HTML元素指定特定的样式,id属性具有唯一性。HTML元素以id属性来设置id选择器,CSS中id选择器以"#"来定义。注意:id属性不能以数字开头。
<head>
<style>
#heading{
color:red;
text-align:center;
}
</style>
</head>
<body>
<h1id="heading">CSS选择器</h1>
</body>
class选择器
class选择器用于描述一组元素的样式,也叫类选择器,class可以在多个元素中使用,并且一个元素也可以指定多个类名。class选择器在HTML中以class属性表示,在CSS中,类选择器以一个点"."号来定义。可以设置所有带有指定class的HTML元素,也可以指定特定的HTML元素使用class。注意:类名的第一个字符也不能使用数字。
<head>
<style>
.center{
text-align:center;
}
.col{
color:red;
}
.font{
font-size:18px;
font-family:"MicrosoftYaHei";
}
</style>
</head>
<body>
<h1class="center">class选择器</h1>
<pclass="centercol">我是一个段落。</p>
<pclass="centerfont">我是另一个段落。</p>
</body>
他们俩的区别呢?
ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次
还存在优先级id优先级大于class