@khavaldji

Как убрать пробел перед псевдоклассами/-элементами после компиляции scss в сss?

Добрый день! Возникла сложность с скомпилированным файлом css.
Примеры кода:
scss:
.header{
  display:block;
  ::after{
  }
}

css:
.header {
  display:block;
}
.header ::after{}


Либо приходится писать псевдоклассы отдельно
scss:

header {
  display:block;
}
header::after{}


В чем и теряется смысл препроцессора.

Тобишь в *.css перед ::after (любым другим псевдоклассом/-элементом) стоит пробел и в итоге код не работает.
Как это исправить?
Использую Gulp 4 и Visual Studio Code.
  • Вопрос задан
  • 45 просмотров
Решения вопроса 1
@awenn2015
Веб-программист самоучка
А чего перед псевдо-классом амперсанд не ставишь ? &::after, компилятор думает что это вложенный клас вот и ставит пробел а амперсанд дает знать что то что дальше нужно использовать вместе с классом родителем, он означает 'и', тоесть
. header {
/*some style*/

&::after {
content '';
}
}

И так далее
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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