css - 鼠标悬停在文字上时如何保持颜色

Question

我想在鼠标悬停在文本上时保持颜色。但是，我不知道如何永远保持它。有什么建议吗？

就是这样:

谢谢

.link span{
    color:blue;
    font-size:30px;
}

.link:hover span{
    font-weight:bold;
    color: red;
    text-decoration:none;
}

.link:hover{
    text-decoration:underline;

}

<a href="#" class="link">
    <span>
        my link
    </span>
</a>

Answer 1

您可以尝试使用transition hack 来实现这一点

.link span{
    color:blue;
    font-size:30px;
  transition:0s 1000000000000000000000s;
}

.link:hover span{
    font-weight:bold;
    color: red;
    text-decoration:none;
  transition:0s;
}

.link:hover{
    text-decoration:underline;

}

<a href="#" class="link">
    <span>
        my link
    </span>
</a>