css选择器优先级顺序
1. !important ：具有最高优先级，会覆盖其他所有规则。
2. 内联样式 ：通过`style`属性直接应用于HTML元素的样式。
3. ID选择器 ：通过元素的ID进行选择，ID选择器的权重为100。
4. 类选择器、属性选择器和伪类选择器 ：通过元素的类、属性或伪类进行选择，权重为10。
5. 元素选择器和伪元素选择器 ：通过元素名称或伪元素进行选择。
6. 通用选择器（*） ：选择所有元素。
7. 子选择器（>） ：选择某个元素的直接子元素。
8. 后代选择器（ ） ：选择某个元素的所有后代元素。
9. 伪类选择器 ：选择元素在特定状态下的样式，如`:hover`。
10. 继承选择器 ：子元素继承父元素的某些样式。
11. 浏览器默认属性 ：浏览器赋予元素的默认样式。
当多个选择器作用于同一个元素时，通常会考虑选择器的特异性（specificity），特异性高的选择器会覆盖特异性低的选择器。如果特异性相同，则后出现的规则会覆盖先出现的规则。
需要注意的是，如果某个选择器后跟了`!important`，那么该规则将具有最高优先级，无论其他规则特异性如何，都将覆盖其他所有规则
其他小伙伴的相似问题：
css中!important选择器有哪些例子？
如何根据CSS选择器优先级进行样式应用？
css伪类选择器优先级与类选择器有何不同？
