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

Question

[Иван Табакерка]

<div class="srv_elem">
        <div class="srv_bg"></div>
        <div class="srv_info"></div>
</div>

.srv_elem
    width: 260px
    height: 420px
.srv_bg
    width: 260px
    height: 400px
.srv_info
    width: 260px
    height: 400px
    margin: -400px 0 0 0
.srv_elem .srv_info:hover
    margin: -400px 0 0 260px

При наведении на блок srv_elem, блок srv_info не реагирует.
Я накосячил с синтаксисом sass? Подскажите как верно.

Answer 1

[Никита]

.srv_elem:hover .srv_info
а лучше так

.srv_elem
    width: 260px
    height: 420px
        &:hover
             .srv_info
                 margin: -400px 0 0 260px
.srv_bg
    width: 260px
    height: 400px
.srv_info
    width: 260px
    height: 400px
    margin: -400px 0 0 0

Comments

[Иван Табакерка]

Вот я дурак

[Никита]

Иван Табакерка, поправил ответ, лучше использовать вложенности)