单击时重置悬停选择器

Question

我有这个类在悬停1.5秒后显示工具提示的响应。

&:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 1.5s;
}

我在按钮上使用这个类。我希望当用户单击此按钮时，转换延迟将从一开始计数，这意味着工具提示将在1.5秒后再次显示。

做这件事最好的方法不是什么？

Answer 1

您也可以使用:active伪类：

&:hover .tooltip,
&:active .tooltip {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    transition-delay: 1.5s;
}