Почему при hover у другого класса не меняется стиль?

Question

[Kirito Kirigaya]

Почему при hover у второго бокса не меняется стиль (на opacity: 1;)?
Мне нужно, чтобы не на основных классах это было, а на дополнительных (hov и lov).
CodePen

Comments

[Alex]

А вы понимаете во что будет превращен вот такой селектор?

.how {
    &:hover {
        .lov {

[Kirito Kirigaya]

Alex, Только на основных классах выходит..
Я думал, что если я подключу дополнительный класс к классу class="box1 how" тогда им можно будет отдельно манипулировать, (когда таких боксов много и на одном классе висят стили а на других, допустим пронумерованных вешать манипуляции, для того что-бы каждым отдельно упровлять).
До конца не понял, почему не работает..

Answer 1

[0xD34F]

Потому что селектор неправильный. Добавьте + перед .lov.

Answer 2

[Александр]

Вместо .lov в вашем scss надо добавить пару символов:
& + .lov