html过渡效果无效,HTML – CSS-过渡不起作用

大家好,我正在尝试进行转换,当你悬停背景变成紫色,文字颜色变成白色.(原来没有背景颜色,文字颜色是黑色……)

但它不起作用！

我做错了什么！？

a:hover {

color: white;

-webkit-transition: color 1000ms linear;

-moz-transition: color 1000ms linear;

-o-transition: color 1000ms linear;

-ms-transition: color 1000ms linear;

transition: color 1000ms linear;

background-color: purple;

-webkit-transition: background-color 1000ms linear;

-moz-transition: background-color 1000ms linear;

-o-transition: background-color 1000ms linear;

-ms-transition: background-color 1000ms linear;

transition: background-color 1000ms linear;

}

所以///编辑,因为每个人都告诉我将其添加到a而不是：hover …

初始状态：

text-color:black;

background:none;

悬停状态：

顺利过渡到：

text-color:white;

background:black;

我希望这能帮助所有人

谢谢你的时间！