#html #css
Вопрос:
Я добавил ссылку на изображение ниже. Пожалуйста, посмотрите левую боковую панель, которая содержит 5 элементов, таких как Предложения рядом с Вами, выбор и так далее. Когда пользователь нажимает на верхний выбор, должно отображаться только изображение, соответствующее верхнему выбору, а не текст «Лучшие варианты».
lt;div className="Offer__Sidebar"gt; lt;div className="Offers_Near_You"gt; lt;img className="Offer__img" src="https://res.cloudinary.com/swiggy/image/upload/fl_lossy,f_auto,q_auto,w_90,h_90/hxizld3pqhnk0smw27sl" /gt; lt;div className="Offer__div"gt; lt;divgt;Offers Near Yoult;/divgt; lt;pgt;211 OPTIONSlt;/pgt; lt;/divgt; lt;/divgt; lt;div className="Top_Picks"gt; lt;/divgt; lt;div className="Whats_New"gt; lt;/divgt; lt;div className="Vegeterian_Options"gt; lt;/divgt; lt;div className="See_All"gt; lt;/divgt; lt;/divgt; Комментарии:
1. Неясно, в чем именно заключается ваша проблема. Вы хотите, чтобы эффект наведения указателя мыши на определенный элемент? И что такое ваш соответствующий CSS?
2. Исходя из предоставленной вами информации, не очень понятно, в чем проблема.
3. Всякий раз, когда пользователь наводит курсор на имя класса «Offer_Near_You»(то есть на любой элемент этого класса), эффект наведения должен применяться только к img, а не к любому другому элементу «Offer_Near_You».
4. Я добавил ссылку на изображение ниже. Пожалуйста, посмотрите левую боковую панель, которая содержит 5 элементов, таких как Предложения рядом с Вами, выбор и так далее. Когда пользователь нажимает на верхний выбор, должно отображаться только изображение, соответствующее верхнему выбору, а не текст «Лучшие варианты».
Ответ №1:
Вы можете выбрать img, когда Offers_Near_You будет наведен на:
.Offers_Near_You:hover img { put the styling you want for img here } Комментарии:
1. Спасибо. Это работает