Edit in JSFiddle

<div class="group" data-i2="opacity:[0.3,1]"> 
    <span data-i2="rate:7">A</span>
    <span data-i2="rate:6">B</span>
    <span data-i2="rate:5">C</span>
    <span data-i2="rate:4">D</span>
    <span data-i2="rate:3">E</span>
    <span data-i2="rate:2">F</span>
    <span data-i2="rate:1">G</span>
</div>
div>span
{
    font-weight:bold;
}
i2.emph();