Inheriting with selectors

[mailvidi]

parent.css

.their-divA .their-divB {
  display: inline-block;
}

child.less

@import (less, reference) 'parent.css';

.myFunction() {
  .my-divA:extend(.their-divA all) {}

  .my-divB:extend(.their-divB all) {}
}

.myFunction();

Current Output

.my-divA .their-divB,
.their-divA .my-divB {
  display: inline-block;
}

Desired Output

.my-divA .my-divB {
  display: inline-block;
}

Any pointers please?

Thanks!
~VS

[seven-phases-max]

See #1851 and #1952 (+ #1641 for wider examples).

[mailvidi]

Ah, ok! Thanks!

[seven-phases-max]

Closing as duplicate of #1851 and #1952.