This is now possible with native CSS nesting.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_nesting

Just be sure to have semicolon ; before the nested selector, or else the whole block is invalid

.foo {
  color: red;

  > .bar {
    color: blue;
  }

  &:before {
    color: green;
  }
}