2017-04-06 15 views
1

これはquestionを参照してください。答えは、複数のCSSクラスがhtmlの1つの要素に割り当てられている場合

を言うCSSの特異性は、競合のルールのために同じである場合、 後の1(スタイルシートで以降 スタイルシートで定義された後の1)が優先されます。

次のコードでは、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>

+1

この問題は、もはや再現できない問題や簡単な誤字によって引き起こされたものです。同様の質問がここでは話題になるかもしれないが、これは将来の読者を助けるとは思わない方法で解決された。 –

答えて

4

それだけで構文エラーです。セミコロンはcss属性と値の後ろにあるので、.border2{border: 2px solid black;}.border1{border: 2px solid green;}でなければなりません。

上記の質問と回答は正しいです。

関連する問題