|
Сообщение от ethereal
|
|
Да нет. Нужно на JS по такому примеру
|
Не нужно, вам стоит всего-то переименовать селектор
td.hover в
td:hover и добавить всего одно объявление transition-delay. (чтобы сработало только тогда, когда, как вы пишете «только если курсор находится над ним больше секунды»)
td:hover {
/* указывает, что стили применяются через 1 сек. */
transition-delay: 1s;
/* здесь идут стили, которые были определены в td.hover */
background: red;
}
Вам не нужно самостоятельно добавлять класс hover, так как псевдо-класс hover автоматически добавляется на любой элемент при взаимодействии с мышью или касании сенсорного экрана!
Используйте псевдо-классы себе на пользу, а не боритесь с ними! (Итого — хорошо читаемый и понятный код)