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

相关推荐