如何在div中编辑文本？

Question

所以我有一个导航栏，当我将鼠标悬停在它上面时，背景颜色变为白色。我也希望文本同时变黑。我该怎么做呢？这是我的css代码：

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

Answer 1

transition需要在静态属性上。

＆＃13;

＆＃13;

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

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;