css - селектор сброса сброса по щелчку

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