divのテキストを編集するには？

Question

ナビゲーションバーがあり、その上にマウスを置くと、背景色が白くなります。私はまた、テキストを同時に黒にしたい。どのように私はそれを行うには？これは私のCSSコードです：

.row:hover { 
background-color: #FFFFFF; 
color: black; 
transition: all 0.5s ease-in; 
} 

Answer 1

transitionはstaticプロパティにする必要があります。

.row { 
 
    background-color: #ff0000; 
 
    color: #ffffff; 
 
    transition: all 0.5s ease-in; 
 
    width: 50px; 
 
    height: 25px; 
 
} 
 

 
.row:hover { 
 
    background-color: #000000; 
 
    color: red; 
 
}

<div class="row"> 
 
    Test 
 
</div>