Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

// Can we increase specificity without typing the class name twice?
// e.g .foo.foo {}

.foo {
  // Nope, we just get .foo {}
  & {
    color: red;
  }
}

.foo {
  // Not quite, we get .foo .foo {}
  & & {
    color: red;
  }
}

.foo {
  // && gives an error, so use interpolation
  // 3 classes? We get .foo .foo.foo {}
  #{&}#{&} {
    color: red;
  }
}

.foo {
  // Back to 2 classes again. We get .foo .foo {}
  #{&} {
    color: red;
  }
}

.foo {
  // Success! Increased specificity to duplicate the class name w/o actually typing it twice!
  // ...this is kinda ungly though.
  &#{&} {
    color: red;
  }
}

SassMeister-output.css

.foo {
  color: red;
}

.foo .foo {
  color: red;
}

.foo .foo.foo {
  color: red;
}

.foo .foo {
  color: red;
}

.foo.foo {
  color: red;
}