css изменить стиль элемента при щелчке

У меня есть список элементов, и я хочу изменить стиль элемента, когда кто-то щелкает по элементу списка (и этот конкретный стиль остается неизменным, пока пользователь не нажмет другой элемент списка).

Я пробовал использовать «активный» стиль, но безуспешно.

Мой код:

#product_types
{       
    background-color: #B0B0B0;
position: relative; /*overflow: hidden;*/
}


#product_types a:active
{
    background-color:yellow;
}

, но элемент «желтый» только миллисекунду, а я на самом деле щелкаю по нему ...