.sidebar { h2 { .users & { color: 'green'; } } }
By moving the parent-selector & after the .users the compiled .css selector becomes:
.sidebar .users h2
instead of:
.sidebar h2 .users
.sidebar { h2 { .users & { color: 'green'; } } }
By moving the parent-selector & after the .users the compiled .css selector becomes:
.sidebar .users h2
instead of:
.sidebar h2 .users