@codeliner

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

В статье на Хабрахабре про выравнивание блока по центру https://habrahabr.ru/post/238449/ наткнулся на незнакомый селектор &:before. Т.е. понятно, что тем самым создается псевдоэлемент before, но вот что означает знак & перед ним? Через поисковики искал - не нашел.
  • Вопрос задан
  • 8444 просмотра
Решения вопроса 3
@skazi_premiere
Верстаем как умеем ;) HTML/CSS/JS
& - это элемент родитель к которому применяеться псевдокласс, можно так же писать и полное имя родителя.
Вот пример с хабра.
.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: '';
}
Ответ написан
Комментировать
@VisualIdeas
Коллега, ссылку нормально давайте)) https://habrahabr.ru/post/238449/
А вообще это кусок кода не cSS, а SCSS (я так понял вы про пример jsfiddle.net/serdidg/nfqg9rza/1/)
Ответ написан
Комментировать
tyukavin_denis
@tyukavin_denis
web developer
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы