將多個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中的一個元素

回答

相關問題