элемент, на который я навел курсор в браузере?
То есть, если кратко, хочу сделать hover с изменением контента карточки при наведении на него курсора, но querySelector('.price') работает только на первый элемент
но это делается через css
Это помню, но забыл момент с выбором карточки, когда у нескольких один класс, сейчас посмотрю
css сам все сделает .class:hover { стили }
То есть, без JS, просто в блок col добавить еще один card, с display: none, а при наведении просто показать display, скрывая второй блок?
нет, просто новые стили допишите и всё но если у вас там меняется прям содержимое или что-то такое, то js придётся, да
что вы хотите сделать при наведении?
Вот есть карточки Blog, Landing page, small project и big project, при наведении хочу чтобы иконка и название карточки скрывалась и появлялась информация о том что такое blog, landing page и т.д.
css справится, да просто смотреть ховер на родителе, опять же, а у детишек дисплей менять но можно и js про телефоны не забывайте и про ux. как тут понять, что надо зачем-то наводить на это дело
Мне так нравится, 100$/h -> не можем разобраться как контент при наведении изменять 😅 Извините, но забавно просто)
И добавить "Да и лень было документацию читать"
Думаю на телефонах можно будет убрать эту деталь, и сделать просто карточку уже с информацией
тем не менее. вы дадите пользователю инфу на компе только если он наведёт. странное очень решение
Обсуждают сегодня