将多个CSS类分配给html中的一个元素
问题描述:
请参阅此question。的回答说,将多个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>
答
这仅仅是一个语法错误。分号符合css属性和值,因此它应该是.border2{border: 2px solid black;}
和.border1{border: 2px solid green;}
。
上面提到的问题和答案是正确的。
投票结束,因为这个问题是由不能再现的问题或简单的印刷错误造成的。虽然类似的问题可能在这里讨论,但这个问题的解决方式不太可能有助于未来的读者。 –