SCSS

by cathead

HTML

<div class="sports is-active">
    <span class="ball-ase"></span>
    <span class="ball-soccer"></span>
    <span class="ball-foot"></span>
</div>

SCSS

div span {
    background-color: red;
    display: inline-block;
    height: 60px;
    width: 60px;
}

.sports {
    &.is-active {
       [class^='ball'] {
           background-color: gold;
       }
    }
}