I'；我想弄明白为什么css中的第一个类优先_Css

I'；我想弄明白为什么css中的第一个类优先

css

I'；我想弄明白为什么css中的第一个类优先,css,Css,我试图弄清楚为什么css中的第一个类优先，我想如果你调用两个类，最后一个类会得到调用以下是我的例子：测试CSS优先级在此处输入代码 <style> /* Scenario 1 */ .blue { color:blue; };`enter code here` .red { color:red; }; </style> </head> <body> <div class="red blue">Red Blue</div&g

我试图弄清楚为什么css中的第一个类优先，我想如果你调用两个类，最后一个类会得到调用

以下是我的例子：测试CSS优先级

在此处输入代码

<style>
/* Scenario 1 */ 
.blue { color:blue; };`enter code here`
.red { color:red; };
</style>
</head>

<body>
<div class="red blue">Red Blue</div> <!-- CSS Specifity (0,0,2,1) -->
<div class="blue red">Blue Red</div> <!-- CSS Specifity (0,0,2,1) -->
</body>
</html>


/*情景1*/
.blue{颜色：蓝色；}`在这里输入代码`
.red{颜色：红色；}；
红蓝
蓝红色

CSS无效，它应该如下所示：

.blue { color:blue; }
.red { color:red; }

看一看。分号

不应出现在花括号外。由于此错误，.red
中的样式根本没有应用于任何元素
除此之外,；样式表是级联的。它是从上到下读取的，因此，如果一个元素同时包含两个类（无论顺序如何），.red
仍将覆盖.blue
，因为它稍后会出现在样式表中
 正如Josh所说，后面指定的属性将具有更大的重要性。如果您想进一步澄清，请通读这篇关于CSS特性的文章
谢谢JoshC，我忽略了代码中的分号。有第二双眼睛总是好的。ThanksThanks Longblog，因为CSS无效，这是根本问题，因为我非常了解CSS的特殊性，并且不确定为什么在我新建第二个类时会显示第一个类。谢谢你的URL链接，从别人那里得到额外的帮助总是很棒的。