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

前端之家收集整理的这篇文章主要介绍了css – 定义颜色属性的多个类的优先级,通过声明顺序而不是规范顺序设置前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
给定两个等同的特征,定义颜色属性,我认为元素类属性中列出的最后一个类将优先。

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>

输出文本为蓝色。

我从来没有注意过这个。编辑我认为编辑元素类属性中列出的最后一个类优先。

编辑
澄清 – >
我有时会把一个元素当成宠物,让我们说一只狗。我看到,在发出一个命令时,将一个类添加到元素的类属性中。如果我告诉它坐下来,后来告诉它躺下,我希望狗躺下。我不期望狗只因为教会如何坐下来而保持坐姿(最近比较),我教会如何躺下。

所以…两个问题。

这是怎么应该的?回答
>如果是这样…为什么?我无法看到不得不通过上课的优势
声明以确定哪一个在另一个之前被宣布。

非常感谢!

解决方法

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

猜你在找的CSS相关文章