Как в sass использовать псевдоклассы?

Question

[Hanami Mirai]

Всем привет!
Пишу бургер меню на sass, не могу разобраться, как правильно написать псевдоклассы
Должно получится это:


А получается это:


Код sass:

.active,.burder-menu__lines
        background-color: transparent
        &::before
            background-color: transparent
        &::after
           background-color: transparent

Answer 1

[Вадим]

У вас тут не с sass проблема, а с css.
.active,.burder-menu__lines - Разделяете запятой. Вот оно так и получается.
А Вам нужно что-что типа такого:

.burger-menu
  &_active &__lines
    &::after
      content: 'after'
    &::before
      content: 'before'

А ещё у Вас опечатка в burder

Comments

[Hanami Mirai]

Как решить данную проблему?

[Вадим]

Арсений Худоногов,
1) Изучить css
2) Я обновил ответ

[Hanami Mirai]

Вадим, у меня есть маленький вопрос, причем тут изучение css? Есть я пишу код на sass который компилируется в css

[Вадим]

Арсений Худоногов, притом, что Вы не понимаете как работают селекторы. В данном случае, судя по Вашему вопросу, не понимаете что делает запятая.

[Hanami Mirai]

Вадим, не правильно делаете выводы. Я только недавно изучил препроцессор sass и пытаюсь практиковаться с ним. В данном случае, я не понимаю как написать код в sass так, что бы он правильно компилировался в css (а именно без запятой и псевдокласса на селекторе active)

[Вадим]

Арсений Худоногов, препроцессоры не меняют подхода написания селекторов. Кроме разве что логического &. И возможности вкладывать.