CSS/HTML Active/Hover (Active不工作)

Question

嘿，

我有一个问题，我必须为一个项目制作一个网页，我不是一个有经验的程序员或web开发人员，我对活动CSS有问题。

这样做的目的是，当我将鼠标悬停在侧菜单上时，它会改变颜色，当我点击鼠标时，它的颜色将与悬停颜色保持不变，当我将鼠标悬停在侧菜单选项卡(合作伙伴)上时，悬停部分会工作，但当我单击它时，颜色不会改变--当鼠标离开侧菜单选项卡时，它就会消失。

这是我的代码，我希望有人能帮助我，我知道这是一个混乱的代码。CSS：

.buttonPartners a:hover{
    background: -webkit-gradient(linear, right bottom, left top, from(#585858 ), to(#A4A4A4));
}
.buttonPartners a:active { background: -webkit-gradient(linear, right bottom, left top, from(#585858 ), to(#A4A4A4));} 

HTML：

<div class ="buttonPartners"><a href="Partners.html">Partners</a></div>

在这里，这个类的CSS：

.buttonPartners  a{
background: -webkit-gradient(linear, left top, right bottom, from( #B40404 ), to(#FF0000));
Color: white; text-decoration: none; text-align: center; border: 2px solid black; padding: 7px;  position: absolute; font-family: verdana;
top:320px; left:30px; width:105px; height:30px
}

希望有人知道。

Answer 1

活动伪选择器将匹配当前被鼠标光标按下的元素。它通常只被看到一秒，并提供视觉反馈说元素确实被点击了。

一种选择是使用“访问”，但这将为您按下的每个链接着色。

或者使用一些jaavscript将类添加到属性中，然后针对该类设置颜色。

Answer 2

试着这样做：

.buttonPartners:hover{
    background: -webkit-gradient(linear, right bottom, left top, from(#585858 ), to(#A4A4A4));
}
.buttonPartners:active { background: -webkit-gradient(linear, right bottom, left top, from(#585858 ), to(#A4A4A4));}

还有一个问题，你是在使用PHP还是只使用HTML？

Answer 3

我认为你错了:active的概念

当用户激活元素时，应用:active伪类。

这只工作几毫秒不停留在单击事件之后：

例如，用户在两次之间按下鼠标按钮并释放它。

来自W3 wikki的信息。