css - 重置懸停選擇器點擊

我有這個類1.5s懸停後顯示工具提示的響應。css - 重置懸停選擇器點擊

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

我在按鈕上使用這個類。我希望當用戶點擊這個按鈕時，過渡時延將從頭開始計數 - 意味着工具提示只會在1.5s之後再次顯示。

做什麼最好的方法是什麼？

如果我明白你的問題，你希望定時器，只要你單擊該元素復位，對不對？如果是這種情況，我會建議你使用JavaScript，至少這是我做這件事的方式，並且它始終如一地工作，沒有任何問題。 – goncalopinto

可以使用:active僞類太：

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

2016-08-02 09:14:14 andreas

回答