CSS选择器 详细应用 进阶秘籍

CSS选择器是什么?

CSS 选择器用于“查找”（或选取）要设置样式的 HTML 元素。

---

选择器分类

简单选择器（根据名称、id、类来选取元素）

CSS 元素选择器

元素选择器根据元素名称来选择 HTML 元素。

CSS id 选择器

id 选择器使用 HTML 元素的 id 属性来选择特定元素。

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

要选择具有特定 id 的元素，请写一个井号（＃），后跟该元素的 id。

 注意：id 名称不能以数字开头

CSS 类选择器

类选择器选择有特定 class 属性的 HTML 元素。

如需选择拥有特定 class 的元素，请写一个句点（.）字符，后面跟类名。

您还可以指定只有特定的 HTML 元素会受类的影响。

 HTML 元素也可以引用多个类。

注意：类名不能以数字开头！

CSS 通用选择器

通用选择器（*）选择页面上的所有的 HTML 元素。

CSS 分组选择器

分组选择器选取所有具有相同样式定义的 HTML 元素。

---

• 组合器选择器（根据它们之间的特定关系来选取元素）

• 伪类选择器（根据特定状态选取元素）

• 伪元素选择器（选取元素的一部分并设置其样式）

• 属性选择器（根据属性或属性值来选取元素）