CSS 样式的优先级？
在CSS中，样式的优先级决定了当多个样式规则应用于同一个元素时，哪个样式会被最终使用。以下是一些决定CSS样式优先级的规则：
-
就近原则：
- 最后应用在元素上的样式具有最高优先级。这意味着如果两个选择器都应用了相同的样式，那么后应用的那个选择器将覆盖前一个。
-
ID选择器：
- ID选择器的优先级最高。例如，
#id的优先级高于任何其他类型的选择器。
- ID选择器的优先级最高。例如，
-
类选择器和属性选择器：
- 类选择器（
.className）和属性选择器（[attribute="value"]）的优先级高于元素选择器和伪类选择器。
- 类选择器（
-
元素和伪类选择器：
- 元素选择器（如
div）和伪类选择器（如:hover）的优先级低于类选择器和属性选择器。
- 元素选择器（如
-
内联样式：
- 内联样式（直接在HTML元素上设置的样式，如
style="color: red;"）具有最高的优先级。
- 内联样式（直接在HTML元素上设置的样式，如
-
重要性声明（!important）：
- 如果两个选择器的优先级相同，则带有
!important声明的样式会覆盖其他样式。这是在CSS中强制覆盖样式的唯一方法，但应谨慎使用。
- 如果两个选择器的优先级相同，则带有
-
选择器的复杂性：
- 选择器的复杂性也影响优先级。一个更具体的选择器（比如更长的复合选择器）通常具有更高的优先级。
以下是一个优先级从低到高的示例：
div（元素选择器）.myClass（类选择器）div.myClass（复合选择器）#myID（ID选择器）div#myID（复合选择器）style="color: red;"（内联样式）div.myClass { !important; color: blue; }（类选择器，带重要声明）
在这个例子中，如果.myClass和div.myClass都应用了相同的样式，div.myClass将覆盖.myClass，因为它更具体。如果#myID和div#myID都应用了相同的样式，那么#myID将覆盖div#myID，因为ID选择器的优先级最高。如果所有其他因素相同，那么带有!important声明的样式将覆盖所有其他样式。
记住，这些规则并不是绝对的，有时可能需要根据具体情况进行判断。