Задать вопрос

Как при наведении на один объект запустить несколько Hover эффектов?

5d8f5d9fd3c2b385090668.png
Здравствуйте всем. Как прописать код так, чтоб выделенные элементы на картинке при наведении курсором мыши активировались одновременно.
https://codepen.io/shherbakowa-oxana/pen/MWgdbog?e...
  • Вопрос задан
  • 1163 просмотра
Подписаться Простой 2 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
@salomatin
Добавим всему элементу класс к примеру item, двум вложенным элементам (которые надо изменить) добавь класс к примеру item-content

В css сделай так
item:hover .item-content {
color: red;
}
Ну или задай другое значение, смотреть что за тип контента эти элементы. Может надо изменить background или т.п. В общем пропиши значение которое нужно сменить

https://jsfiddle.net/ybu7vo29/
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
BenderIsGreat34
@BenderIsGreat34
junior front-end
Scss
.some-block:hover {
background-color: red;

.another-block {
background-color: red;
    }
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы