The target simple selector is identified as .descendant.Two constraints are formed:.bar (and whatever extends it) must have the class .foo to be green,.descendant must be a descendant of .ancestor.Using this information, the @extend directive produces this ruleset: .foo.bar, .ancestor .foo.descendant { color: green; } The target selector .descendant now fulfills the constraint requirements: It has