Airbnb - Star Rating Markup Namespace by Harry Shoff

StarRatingMarkup2.html.erb

<!-- stars.html.erb -->

<div class="stars empty">
  <div class="stars filled"></div>
</div>

<!--
  This way you can namespace your selectors.
  The markup isn't as pretty, but you can 
  sleep soundly knowing other developers 
  won't override your styling properties.

  This is easy to do with SASS by using
  the "&" as a parent reference in nested
  attributes.

  example:
   .stars {
      // stars class styling
      &.filled {
        // stars and filled class styling
      }
   }
-->