Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="box"><a href="#0" class="btn">Foo</a></div>

<p class="foo" id="foo">Lorem ipsum</p>

SassMeister-input.scss

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

// Hack specificity up
.btn.btn {
  color: red;
  background: white;
}

.box {
  color: white;
  background: red;
}

.box a {
  color: white;
}






// Hack specificity down
[id="foo"] {
  color: blue;
}

.foo {
  color: green;
}

SassMeister-output.css

.btn.btn {
  color: red;
  background: white;
}

.box {
  color: white;
  background: red;
}

.box a {
  color: white;
}

[id="foo"] {
  color: blue;
}

.foo {
  color: green;
}

SassMeister-rendered.html

<div class="box"><a href="#0" class="btn">Foo</a></div>

<p class="foo" id="foo">Lorem ipsum</p>