Что означаете знак амперсанда (&) в селекторе css?

Question

[codeliner]

В статье на Хабрахабре про выравнивание блока по центру https://habrahabr.ru/post/238449/ наткнулся на незнакомый селектор &:before. Т.е. понятно, что тем самым создается псевдоэлемент before, но вот что означает знак & перед ним? Через поисковики искал - не нашел.

Answer 1

[Алексей]

& - это элемент родитель к которому применяеться псевдокласс, можно так же писать и полное имя родителя.
Вот пример с хабра.

.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: '';
}

Answer 2

[VisualIdeas]

Коллега, ссылку нормально давайте)) https://habrahabr.ru/post/238449/
А вообще это кусок кода не cSS, а SCSS (я так понял вы про пример jsfiddle.net/serdidg/nfqg9rza/1/)

Answer 3

[Денис Т]

thesassway.com/intermediate/referencing-parent-sel...
смотри тут