Permalink
Fetching contributors…
Cannot retrieve contributors at this time
50 lines (40 sloc) 595 Bytes

Rules can be nested to avoid repetitive typing when scoping to a common parent selector.

.homepage {
  color: #333;
  background: white;
  .content {
    p {
      font-size: 110%;
    }
  }
}
.homepage {
  color: #333;
  background: white;
}
.homepage .content p {
  font-size: 110%;
}

Parent referencing

You can use the parent reference symbol & for placing the parent selector explicitly.

.homepage {
  .no-js & {
    p {
      font-size: 110%;
    }
  }
}
.no-js .homepage p {
  font-size: 110%;
}