css - 单击时重置悬停选择器

Question

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

&: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;
}