CSS 选择器：id、类

简介

CSS（Cascading Style Sheets）是一种用于描述网页样式和布局的语言。在 CSS 中，选择器用于选择 HTML 元素，然后对它们应用样式。本文主要介绍 CSS 中的两种常见选择器：id 和类。

id 选择器

id 选择器用于根据 HTML 元素的 id 属性选择元素。id 属性应为唯一的，即每个 HTML 元素只能拥有一个 id 属性。

在 CSS 中，id 选择器以 "#" 开头，后跟 id 值。例如：

#myId {
  color: red;
}

上面的代码表示选择 id 为 "myId" 的 HTML 元素，并将其颜色设置为红色。

类选择器

类选择器用于根据 HTML 元素的 class 属性选择元素。class 属性可以重复出现在多个 HTML 元素中。

在 CSS 中，类选择器以 "." 开头，后跟类名。例如：

.myClass {
  background-color: yellow;
}

上面的代码表示选择 class 为 "myClass" 的 HTML 元素，并将其背景颜色设置为黄色。

区别与注意事项

• id 选择器和类选择器均用于选择 HTML 元素，但是它们的选择规则不同：id 选择器根据 id 属性选择元素，类选择器根据 class 属性选择元素。
• id 属性应为唯一的，拥有 id 属性的 HTML 元素只能有一个；class 属性可以多次出现在多个 HTML 元素中。
• 在 CSS 中，id 选择器的选择优先级高于类选择器。

总结

• id 选择器用于根据 HTML 元素的 id 属性选择元素，应为唯一的；
• class 选择器用于根据 HTML 元素的 class 属性选择元素，可以重复出现；
• id 选择器选择优先级高于 class 选择器；
• 根据实际需要，合理选择 id 和 class 选择器进行元素样式的设置。

以上是关于 CSS 选择器中的 id、类选择器的介绍及注意事项，如有疑问欢迎交流。