Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

/* Bad example...
 *
 * Remember, your Sass doesn't have to look like your HTML
 */
body {
  div {
    nav {
      ul {
        li {
          a { // this is ridiculous, and extreme
            color: red;
          }
        }
      }
    }
  }
}


/* Better example
 *
 * Less specificity, easier to understand, more maintainable
 */
nav a {
  color: red;
}

SassMeister-output.css

/* Bad example...
 *
 * Remember, your Sass doesn't have to look like your HTML
 */
body div nav ul li a {
  color: red;
}

/* Better example
 *
 * Less specificity, easier to understand, more maintainable
 */
nav a {
  color: red;
}