н#
Подскажите, пожалуйста, как правильно сделать ховер, чтобы при наведении менялся цвет иконки и текста?
https://codepen.io/mazya/pen/jObMwjV
Size: a a a
2020 April 20
н#
Подскажите, пожалуйста, как правильно сделать ховер, чтобы при наведении менялся цвет иконки и текста?
https://codepen.io/mazya/pen/jObMwjV
https://codepen.io/mazya/pen/jObMwjV
ховер на родителя .icon
m
ховер на родителя .icon
в родителе li и a>span
н#
в родителе li и a>span
покажи структуру
m
скинул песок
н#
скинул песок
.contacts-details-item:hover i
.contacts-details-item a
.contacts-details-item a
m
Может я просто сильно лишнего наверстал и можно было без спана обойтись.
Цвет надо менять у иконки и у ссылки, но ссылкам глобально дан color: inherit
Цвет надо менять у иконки и у ссылки, но ссылкам глобально дан color: inherit
н#
Может я просто сильно лишнего наверстал и можно было без спана обойтись.
Цвет надо менять у иконки и у ссылки, но ссылкам глобально дан color: inherit
Цвет надо менять у иконки и у ссылки, но ссылкам глобально дан color: inherit
можно родителю задать колор
н#
и инхерит, для свг филл currentcolor
н#
m
можно родителю задать колор
сделал так:
&:hover i, &:hover .contacts-link .contacts-detail{
color: $brand-orange;
}
Не слишком длинный селектор?m
.contacts-detail и .contacts-link на странице только в том маленьком блоке и их 3 всего
н#
сделал так:
&:hover i, &:hover .contacts-link .contacts-detail{
color: $brand-orange;
}
Не слишком длинный селектор?тебе не нужно красить только спан, да вообще он тебе внутри ссылки, только если он не с иконкой внутри(a>i+span)
m
тебе не нужно красить только спан, да вообще он тебе внутри ссылки, только если он не с иконкой внутри(a>i+span)
если я не добавляю выбор спана, он почему-то не красится
m
Думал, в общем, он должен красится, но в моём случае не очень хочет ._.
н#
если я не добавляю выбор спана, он почему-то не красится
потому что ты красишь не a, а спан хз зачем
m
Так не, я пробовал красит ссылку отдельно, не красит
m
Только как докинул выбор спана, то покрасило и его