[分享]css中class与id的区别

在使用CSS时，我们通常会使用class和id两种选择器，它们都具有非常重要的作用。

/* class选择器 */
.class {
  color: red;
}

/* id选择器 */
#identifier {
  color: blue;
} 

class选择器是通过为元素添加class属性来选择元素进行样式定义的。具有相同class属性值的元素可以共享相同的样式。因此，class选择器通常用于当我们需要将相似或相同的样式应用到多个元素时。

id选择器则是通过为元素添加id属性来选择唯一的元素进行样式定义。id属性值必须是唯一的并且只能在文档中使用一次。因此，id选择器通常用于当我们需要为页面中的特定元素添加唯一的样式时。

/* class选择器的使用 */
<p class="class">这是一个红色文字。</p>
<p class="class">这也是一个红色文字。</p>

/* id选择器的使用 */
<p id="identifier">这是一个蓝色文字。</p> 

总的来说，class选择器适合于多个元素的样式定义，而id选择器则适合单个元素的样式定义。在使用时，我们需要根据实际情况来选择合适的选择器。