css - 定义颜色属性的多个类的优先级由声明顺序而不是规范顺序设置

Question

鉴于定义颜色属性的两个相同特性的类，我认为元素类属性中列出的最后一个类优先。

来自 http://htmlhelp.com/reference/css/structure.html :

Order of Specification To make it easy, when two rules have the same weight, the last rule specified wins.

在下面的真空代码示例中，定义类规则集的顺序决定了优先级。此处最后的或最近的类规则集定义优先。

<style>
    .makeBlue {color: blue;}
    .makeGreen {color:green;}
</style>
<div>
    <p class="makeGreen makeBlue">makeGreen makeBlue</p>
    <p class="makeBlue makeGreen">makeBlue makeGreen</p>
</div>

输出文本为绿色。

如果调换类声明的顺序，先声明.makeGreen

<style>
    .makeGreen {color:green;}
    .makeBlue {color: blue;}        
</style>
<div>
    <p class="makeGreen makeBlue">makeGreen makeBlue</p>
    <p class="makeBlue makeGreen">makeBlue makeGreen</p>
</div>

输出文本为蓝色。

我以前从来没有注意到这一点。 edit 我认为 edit 元素类属性中列出的最后一个类优先。

编辑澄清 -->有时我将元素视为宠物，比方说是狗。我看到向元素的类属性添加一个类作为向狗发出命令。如果我告诉它坐下，然后让它躺下，我希望狗躺下。我不希望狗继续坐着，因为我在教它如何躺下之后(最近)教了它如何坐下。

那么……两个问题。

1. 这是应该的吗？ 已回答
2. 如果是这样……为什么？我看不到必须通过类挖掘的优势 声明以确定哪个先于另一个声明。

非常感谢!

Answer 1

您在元素上指定的类的顺序无关紧要。重要的是您在样式声明中定义它们的顺序。您发布的引用是指样式声明中的引用，而不是类在元素上列出的顺序。