div에서 텍스트를 수정하는 방법?

Question

탐색 모음이 있으므로 마우스를 올려 놓으면 배경색이 흰색으로 바뀝니다. 나는 또한 텍스트가 동시에 검은 색이되기를 원한다. 어떻게해야할까요? 이것은 내 CSS 코드입니다.

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

Answer 1

transition은 정적 속성에 있어야합니다.

.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>