[Vipz]

<style>
.bomba li{
    border-bottom: 2px solid transparent;
    padding-bottom: 4px;
}
.bomba li:hover{
    border-bottom: 2px solid gray;
    padding-bottom: 4px;
}
</style>

<ul>
   <li id="1_1">1</li>
   <li id="1_2">2</li>
   <li id="1_3">3</li>
</ul>

Есть функция , срабатывает при событии.

function bomba() {
document.getElementById('1_1').style.borderBottom='2px solid #d04';
}

Затрагивает в CSS как .bomba li , так и .bomba li:hover

Как сделать , что бы изменения касались .bomba li