Доброго времени суток.
Задался вопросом... Часто возникает ситуация, когда нужно при наведении на 1 блок, чтобы ховер-эффект был у вложенного в него блока,
например.
Есть ли более правильные решения чем то, как выполняю я? Я говорю об участке кода:
&__info {
width: 300px;
padding: 30px;
background: #eee;
&:not(:first-child) {
margin-left: 15px;
}
&:hover {
cursor: pointer;
.block__btn {
cursor: pointer;
background: #0D76FF;
}
}
}
То есть, я делаю по сути вложенный селектор, который скомпилируется в:
.block__info:hover .block__btn {
...
}