关键词：css 选择器、css 优先级

CSS 选择器有以下几种：

1.元素选择器：通过标签名选择元素，例如：p {}。

2.类选择器：通过 .+类名的形式选择元素，例如：.my-class {}。

3.ID 选择器：通过 #+ID名的形式选择元素，例如：#my-id {}。

4.通配符选择器：通过 * 选择所有元素，例如：* {}。

5.后代选择器：通过空格 选择某元素下的后代元素，例如：.my-parent .my-child {}。

6.子元素选择器：通过 > 选择某元素的子元素，例如：ul > li {}。

7.相邻兄弟选择器：通过 + 选择相邻的后续同级元素，例如：.my-class + p {}。

8.通用兄弟选择器：通过 ~ 选择后继的同级元素，例如：.my-class ~ p {}。

CSS 选择器的优先级从高到低如下：

1. !important：使用该关键词的属性优先级最高。

2. 行内样式：使用元素的 style 属性设置的样式优先级最高。

3. ID 选择器：指定 ID 的样式优先级高于类选择器和元素选择器。

4. 类选择器和属性选择器：优先级相同。

5. 元素选择器和伪类选择器：优先级相同。

6. 通配符和组合选择器：在没有更具体的选择器时优先级最低。

需要注意，当优先级相同时，后面生效的样式会覆盖前面的样式。针对这种情况，我们可以通过提高选择器的优先级、使用 !important、使用行内样式等方式进行调整。