Generated by SassMeister.com.

SassMeister-input-HTML.html

<ol class="c-rating">
  <li class="c-rating__star">★
  <li class="c-rating__star">★
  <li class="c-rating__star">★
  <li class="c-rating__star">★
  <li class="c-rating__star">★
</ol>

SassMeister-input.scss

// ----
// libsass (v3.3.2)
// ----

.c-rating {
  margin:  0;
  padding: 0;
  list-style: none;
  font-size: 2em;
}

  .c-rating__star {
    display: inline-block;
    //padding: 1px;
    //color: rgba(255, 215, 0, 1);
    color: #ffd700;
  }

.c-rating__star:hover ~ .c-rating__star {
    //color: rgba(255, 215, 0, 0.25);
    opacity: 0.25;
}

SassMeister-output.css

.c-rating {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 2em;
}

.c-rating__star {
  display: inline-block;
  color: #ffd700;
}

.c-rating__star:hover ~ .c-rating__star {
  opacity: 0.25;
}

SassMeister-rendered.html

<ol class="c-rating">
  <li class="c-rating__star">★
  <li class="c-rating__star">★
  <li class="c-rating__star">★
  <li class="c-rating__star">★
  <li class="c-rating__star">★
</ol>