CSS 选择器是一种用于选择 HTML 文档中的元素的模式。 常见的 CSS 选择器包括： 1. 元素选择器：通过标签名称选择元素，例如“p”选择所有段落元素。 2.类选择器：通过元素的class属性选择元素，使用`.`符号，如`.`选择类为“”的元素。 3、ID选择器：通过元素的id属性选择元素，使用‘#’符号，如‘#’选择id为“”的元素。 4.属性选择器：通过元素的属性来选择元素，如`[type="text"]`则选择所有type属性值为“text”的元素。 5、后代选择器：通过后代关系选择元素，用空格分隔，如`。 p` 选择类为“”的元素内的所有段落元素。 6、子元素选择器：通过元素的直接子元素关系来选择元素，使用`>`符号，如`。 > p` 选择类为“”的元素下的直接子元素中的所有段落元素。 7、相邻兄弟选择器：通过元素的相邻兄弟关系来选择元素，使用`+`符号，如`h2 + p`选择紧跟在h2元素后面的p元素。 8. 伪类选择器：根据元素的状态或位置来选择元素，如 `:hover` 来选择鼠标悬停的元素。 CSS选择器的优先级表示当多个选择器同时应用于同一个元素时，将应用哪个选择器的样式规则。 通常，优先级计算规则如下： 1. ID 选择器优先级最高，为 100。 2. 类选择器、属性选择器和伪类选择器的优先级为 10。 3. 元素选择器和伪类选择器 选择器的优先级为 1。 4. 通配符选择器和继承样式没有优先级，优先级为 0。如果多个选择器优先级相同，则后出现的选择器会覆盖先出现的选择器。 如果多个选择器具有不同的优先级，则将应用具有较高优先级的选择器的样式规则。 需要注意的是，使用`!`声明可以提高样式规则的优先级，但过度使用会导致样式难以维护和调试，应尽量避免滥用。
