Generated by SassMeister.com.

SassMeister-input.scss

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

/* Bad
 *
 * Notice how the `a` selector get's output a number of times
 * equal to how many comma separated selectors it's in? That
 * can lead to unnecessary bloat
 */
.t-home {
  
  nav {
    
    ol,
    ul {
      list-style: none;
    
      a {
        color: red;
      }
    }
  }
}


/* Better
 *
 * Instead of nesting `a` inside of `ol, ul`, just declare
 * it by itself, and fewer lines of code will be compiled and
 * the end result will be the same
 */
.t-home {
  
  nav {
    
    ol,
    ul {
      list-style: none;
    }
    
    a {
      color: red;
    }
  }
}

SassMeister-output.css

/* Bad
 *
 * Notice how the `a` selector get's output a number of times
 * equal to how many comma separated selectors it's in? That
 * can lead to unnecessary bloat
 */
.t-home nav ol,
.t-home nav ul {
  list-style: none;
}
.t-home nav ol a,
.t-home nav ul a {
  color: red;
}

/* Better
 *
 * Instead of nesting `a` inside of `ol, ul`, just declare
 * it by itself, and fewer lines of code will be compiled and
 * the end result will be the same
 */
.t-home nav ol,
.t-home nav ul {
  list-style: none;
}
.t-home nav a {
  color: red;
}