css选择器有哪些?优先级?（css选择器有哪些?优先级是什么）

CSS 选择器用于选择 HTML 文档中的元素，并为其应用样式。CSS 选择器有多种类型，包括以下几种常见的选择器：

1. 元素选择器（Element Selector）：通过元素名称选取元素，例如 p 选择所有 <p> 元素。
2. 类选择器（Class Selector）：通过类名选取元素，例如 .my-class 选择具有 class="my-class" 的元素。
3. ID 选择器（ID Selector）：通过元素的唯一标识符选取元素，例如 #my-id 选择具有 id="my-id" 的元素。
4. 属性选择器（Attribute Selector）：通过元素的属性值选取元素，例如 [type="text"] 选择具有 type="text" 的元素。
5. 伪类选择器（Pseudo-class Selector）：通过元素的特殊状态或位置选取元素，例如 :hover 选择鼠标悬停的元素。
6. 伪元素选择器（Pseudo-element Selector）：通过元素的特定部分或位置选取元素，例如 ::before 选择元素的前面插入内容。

CSS 选择器的优先级用于确定当多个选择器同时应用于同一个元素时，哪个选择器的样式规则将被应用。CSS 选择器的优先级由以下几个因素决定，按从高到低的优先级排列：

1. 重要性（Importance）：通过使用 !important 标记的样式规则具有最高优先级。
2. 内联样式（Inline Styles）：直接在元素的 style 属性中定义的样式具有较高优先级。
3. ID 选择器（ID Selectors）：ID 选择器具有较高的优先级。
4. 类选择器、属性选择器和伪类选择器（Class Selectors, Attribute Selectors, and Pseudo-class Selectors）：这些选择器具有相同的优先级，根据出现的顺序决定。
5. 元素选择器和伪元素选择器（Element Selectors and Pseudo-element Selectors）：这些选择器具有相同的优先级，根据出现的顺序决定。

如果多个选择器具有相同的优先级，则根据 CSS 的层叠规则（Cascading Rules）来确定应用的样式。通常情况下，后面出现的样式规则会覆盖前面的样式规则。