大家好,我目前正在尝试进行一次转换,当你悬停时,背景变成紫色,文本颜色变成白色(原来没有背景颜色,文本颜色为黑色...)
但是它不起作用!
我做错了什么?
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标签上添加样式而不是在a:hover上...
初始状态:
text-color:black;
background:none;
悬停状态:
平滑过渡到:
text-color:white;
background:black;
我希望这篇内容能够帮助大家。感谢你们的时间!
.header > .navlinks > li > a:hover
的操作。 - Albzi