CSS 笔记（三）：选择器

CSS 笔记（三）：选择器

为了给当前页面中的某个或某些标签中添加样式，必须通过某种方法选中某个或某些标签，此方法即为选择器

标签

选中当前页面中的所有指定标签

tag_name {
    key: value;
    ...
    key: value;
}

• 标签选择器选中的是当前界面中所有的标签，而不能单独选中某一个标签
• 标签选择器无论标签在何处都可以选中
• 凡是 HTML 中的标签都可以作为标签选择器

id

选中当前页面中所有具有指定 id 的标签

id 用于为某个标签指定一个唯一标识

#id_name {
    key: value;
    ...
    key: value;
}

• 每个 HTML 标签都有一个 id 属性
• 在同一个页面中 id 的名称不能重复
• 在使用 id 选择器时，id 名称之前必须存在 #
• id 的名称具有一定规范，只能由字母、数字和下划线组成，不能以数字开头，且不能是 HTML 标签的名称，在企业开发中，如果仅仅是为了设置样式，不会使用 id 属性，因为 id 属性是留给 JS 使用的

类

选中当前页面中所有具有指定 class 的标签

.class_name {
    key: value;
    ...
    key: value;
}

• 每个 HTML 标签都有一个 class 属性
• 在同一个页面中 class 的名称可以重复
• 在使用 class 选择器时，class 名称之前必须存在 .
• class 的名称规范与 id 的名称规范相同
• class 用于为某个（些）特定的标签设置样式
• 在 HTML 中每个标签可以同时属于多个类

<标签名称 class="class_name_1 class_name_2 ..."></标签名称>

---

id 与 class 的区别

• id 不可以重复，class 可以重复
• 一个 HTML 标签只能绑定一个 id，可以绑定多个 class

id 选择器与 class 选择器的区别