Как я могу вкладывать селектор с псевдо-классом :: after, используя S CSS?

Question

У меня есть селектор с :: после псевдо-класса. Когда я вкладываю его, результат неправильный!

Это мой S CSS:

#room .message::after {
  content: "";
  position: absolute;
  left: -8px;
  &.owner {
    left: 4px;;
  }
}

И скомпилированный CSS:

#room .message::after {
  content: "";
  position: absolute;
  left: -8px;
}

/* This is wrong*/
#room .message::after.owner {
  left: 4px;
}

Но это то, что я хочу:

#room .message::after {
  content: "";
  position: absolute;
  left: -8px;
}

#room .message.owner::after{
  left: 4px;
}

Answer 1

& дают вам всю строку вашего предыдущего выбора.

# room .message :: after и #room .message.owner :: after - это две разные части. используйте это

#room .message {
 &::after {
    content: "";
    position: absolute;
    left: -8px;
 }

 &.owner::after {
   left: 4px;
 }
}