Invalid :not selector generated with @extend

[xzyfer]

Originally reported by @dreyks in sass/sassc#180. Possibly a duplicate of #2055.

 .base-class {
   color: #FFF;
 }

 .parent-class {
   .child-class {
     @extend .base-class;
     border: '1px';
   }
 }

 *:not(.base-class) {
   display: none;
 }

LibSass 3.3.6 (c6685d7)

.base-class, .parent-class .child-class {
  color: #FFF; }

.parent-class .child-class {
  border: '1px'; }

*:not(.base-class):not(.parent-class .child-class) {
  display: none; }

Sass 3.4.21

.base-class, .parent-class .child-class {
  color: #FFF; }

.parent-class .child-class {
  border: '1px'; }

*:not(.base-class) {
  display: none; }

sassc: 3.3.3-3-ge054
libsass: 3.3.6-90-gc6685
sass2scss: 1.0.6

Spec added sass/sass-spec#888

[s-yadav]

Got into same issue while upgrading from sass-rails to sassc-rails

[darklow]

As a workaround I found that using attribute selector still works. Not perfect, but better than nothing.

/* Instead of */
:not(.thing) {
    @extend .thing;
    background: blue;
}

/* You can write: */
:not([class*="thing"]) {
    @extend .thing;
    background: blue;
}

[cmaart]

Can confirm issue occurring for:

$ node-sass --version
node-sass       4.3.0   (Wrapper)       [JavaScript]
libsass         3.4.3   (Sass Compiler) [C/C++]

[xzyfer]

Another example in dlmanning/gulp-sass#583

[mgreter]

Closing as duplicate of #2055. I'm aware that extending wrapped selectors, :not is only one example, was never handled correctly by LibSass so far! We just started to "somewhat" support it.