CSS规则优先级

考虑到下面的分数

<div id="Header">
     <a href="#" class="Highlight">foo</a>
</div>

为什么我的链接仍然是白色（F8）而不是绿色（B1D355）？

---

使用类Highlight不应该覆盖页眉和页脚的颜色设置，因为它在它们的声明之后出现吗？

这都是关于重量的。类选择器被ID选择器击败

#Footer a

将始终优先于

。突出显示

或

。突出显示a

做你的选择

#Footer .highlight a

---

您应该很好。

ID比CSS中的类具有更高的优先级：

---

使用

#标题a。突出显示{color:#B1D355；}

CSS规则不仅仅基于“上次解析，上次应用”应用。它还取决于规则对该元素的具体程度和唯一性。由于您只指定了一个

类

选择器，因此包含

id

的路径的优先级更高。

CSS优先级

ID选择器>类选择器>属性选择器

对于相同的优先级，后者具有更高的优先级

.1级{ 颜色：黑色； }

.2级{ 颜色：红色； }

它将是红色的

要获得更高的优先级，请使用

！重要信息

---

---

对于您的问题，

#Footer

是一个ID选择器，它的优先级高于

。突出显示
，一个类选择器。
是的，并给出了一个体面的“深入”解释。如图所示。我想我需要重新思考我的风格结构。谢谢这个
#Footer a