这 主要区别 CSS 中的 id 和 class 之间是 id 用于将样式应用于一个唯一元素，而 class 用于将样式应用于多个元素。

Web 开发中有各种技术。开发网站的主要语言是 HTML、CSS 和 JavaScript。 HTML 代表超文本标记语言。它有助于开发网页的结构。 JavaScript 有助于使网页更加动态。 CSS 代表级联样式表。它有助于添加样式并使网页更具表现力。 CSS 规则适用于 HTML 元素。此外，CSS 选择器有助于查找元素并将所需的样式应用于 HTML 标签。 id 和 class 是两种类型的选择器。

类、CSS 规则、ID

什么是 CSS 规则

CSS 由一组规则组成。浏览器可以解释这些规则并将它们应用于文档中的指定元素。 CSS 样式规则由三个部分组成。它们是选择器、属性和值。声明是指属性和值的组合。它们出现在一对花括号内，如下所示。

选择器 { 属性：值； }

选择器 – 有助于识别应用样式的元素

财产 – 一个属性。所有 HTML 属性都转换为 CSS 属性。一些示例是颜色、文本对齐、边框等。

价值 – 价值是分配给财产的东西。例如，可以将蓝色分配给属性颜色。

什么是身份证

程序员可以根据元素的 id 定义样式规则。所有具有相同 id 的元素都将应用定义的样式。要选择具有特定 id 的元素，应该有一个 #（哈希）符号，后跟元素的 id。

假设 HTML 文件包含如下语句。

CSS 文件包含以下代码段。

#header1{

颜色：蓝色；

}

当浏览器解释 HTML 语句时，它会检查 h1 元素的 id，即 CSS 文件中的 header1。然后，它将定义的 CSS 规则应用于 h1 元素。因此，文本 Hello World 将显示为蓝色。

id 在页面内是唯一的。因此，id 选择器用于一个唯一的元素。

什么是班级

类似于id，程序员可以根据元素的类来定义样式规则。具有相同类的所有元素将以定义的样式应用。要选择具有特定类的元素，应该有一个. （句点）符号后跟类名。

假设 HTML 文件包含以下语句。

CSS 文件包含以下代码段。

.header1{

颜色：蓝色；

}

当浏览器解释 HTML 语句时，它会检查 h1 元素的类，即 CSS 文件中的 header1。然后，它将定义的 CSS 规则应用于所有 h1 元素。因此，文本 Hello World 1 和 Hello World 2 将以蓝色显示。

可以在多个元素上使用相同的类。因此，类选择器用于多个元素。

CSS中id和class的区别

定义

id 是 CSS 中的一个选择器，它用指定的 id 来设置元素的样式，而 class 是 CSS 中的一个选择器，它用指定的类来设置所选元素的样式。

句法

id 语法是 #id{ css 声明; }.类语法是.class { css 声明; }

用法

此外， id 的用法是将样式应用于一个特定元素。 class 的用法是将样式应用于多个元素。

结论

id 和 class 是 CSS 中的两个选择器，允许将样式应用于 HTML 元素。 CSS 中 id 和 class 之间的主要区别在于，id 用于将样式应用于一个唯一元素，而 class 用于将样式应用于多个元素。

参考：

1. “CSS 语法和选择器”。 W3Schools 在线网络教程，可在此处获得。

图片提供：

1. Nikotaf 的“CSS.3” – 通过 Commons Wikimedia 自己的作品（CC BY-SA 4.0）