Html 如何编辑div中的文本？

所以我有一个导航栏，当我把鼠标悬停在上面时，背景颜色会变成白色。我还希望文本同时变为黑色。我如何让它这样做？这是我的css代码：

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

---

转换

需要位于静态属性上

.row{
背景色：#ff0000；
颜色：#ffffff；
过渡：所有0.5s的轻松过渡；
宽度：50px；
高度：25px；
}
.行：悬停{
背景色：#000000；
颜色：红色；
}

试验

转换

处于固态。可能您没有将row类应用于任何内容？您好，这不会更改文本颜色，只会更改背景。非常感谢。举个例子：）