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

Question

[Anton Khavaldzhi]

Добрый день! Возникла сложность с скомпилированным файлом 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.

Comments

[Сергей delphinpro]

1. Оформляйте код!
2. Не спамьте тегами! Проблема касается только тега sass.

Answer 1

[Александр Антонов]

А чего перед псевдо-классом амперсанд не ставишь ? &::after, компилятор думает что это вложенный клас вот и ставит пробел а амперсанд дает знать что то что дальше нужно использовать вместе с классом родителем, он означает 'и', тоесть
. header {
/*some style*/

&::after {
content '';
}
}

И так далее