将多个CSS类分配给html中的一个元素

如果CSS特殊性是相互冲突的规则相同，则后来一个（后来在样式表或在后来样式表中定义的）优先。

在以下代码中，border1是稍后定义的类。所以，div预计会有一个绿色边框。但是，它如何变成黑色边框？

我理解答案的方式可能是错误的。请帮助理解此代码。

<html> 
 

 
<head> 
 
    <style> 
 
    .border2{border: 2px solid black}; 
 
    .border1{border: 2px solid green}; 
 

 
    </style> 
 
</head> 
 

 
<body> 
 
<div class="border1 border2">text</div> 
 
</body> 
 

 

 
</html>

来源

2017-04-06 Kiran

投票结束，因为这个问题是由不能再现的问题或简单的印刷错误造成的。虽然类似的问题可能在这里讨论，但这个问题的解决方式不太可能有助于未来的读者。 –

这仅仅是一个语法错误。分号符合css属性和值，因此它应该是.border2{border: 2px solid black;}和.border1{border: 2px solid green;}。

上面提到的问题和答案是正确的。

来源

2017-04-06 15:36:02 Kelbster

将多个CSS类分配给html中的一个元素

回答

相关问题