Html 单击图像时，保持悬停状态

我需要添加功能，这段代码，当它被点击按钮，它停留在悬停状态（彩色） 有人能帮我吗？多谢各位

<style>
menucko a { position: relative; left: -210px; transition: left .25s ease-in-out; -moz-transition: left .25s ease-in-out; -webkit-transition: left .25s ease-in-out; } 
menucko a:hover { position: relative; left: 0px; }

bannerik div { margin-left: 2px; border-left: 4px solid #E5D96D; }
</style>

<menucko>
<a href="http://www.bieladuha.sk/kreativne-potreby-akcie"><img class="fade" src="http://www.webareal.sk/fotky25131/web/kreativne-potreby-akcia.jpg" alt="" width="400" height="40" /></a>
</menucko>

menucko a{位置：相对；左：-210px；转换：左.25s缓进-出；-moz转换：左.25s缓进-出；-webkit转换：左.25s缓进-出；}
menucko a:悬停{位置：相对；左：0px；}
横幅分区{左边距：2px；左边边框：4px实心#E5D96D；}

---

您可以使用javascript/jQuery向锚定标记添加一个类

$('menucko a').on('click', function () {
  $(this).addClass('hovered');
});

然后，您可以将悬停的

类添加到css中

menucko a:hover，menucko a.hover{position:relative；left:0px；}
现在发生了什么，问题是什么将相同的颜色应用于：visitedHi，非常感谢您的帮助和回复。我真的很抱歉，但它不起作用，因为每个按钮都链接到网站上的不同页面，然后刷新。。还有其他解决办法吗？