Что означаете знак амперсанда (&) в селекторе css?
& - это элемент родитель к которому применяеться псевдокласс, можно так же писать и полное имя родителя.
Вот пример с хабра..parent {
    position: absolute;  
    &:before {
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        content: '';
    }
}
Он же без &, а с полным именем родителя..parent {
    position: absolute;  
}
.parent:before {
        height: 100%;
        display: inline-block;
        vertical-align: middle;
        content: '';
}
thesassway.com/intermediate/referencing-parent-sel...
смотри тут