Как я использую другое изображение для каждого дескриптора Ползунка UI JQuery

Я использую ползунок UI JQuery, который имеет два дескриптора (иначе ползунок диапазона). Я знаю, как разработать первый дескриптор:

.ui-slider-horizontal .ui-slider-handle {background: white url(https://stackoverflow.com/content/img/so/vote-arrow-down.png) no-repeat scroll 50% 50%;}

Но как я разрабатываю второй дескриптор по-другому?

Используя Firebug I видят, что JQuery не однозначно определяет каждый дескриптор:

Таким образом, я предполагаю, что должен использовать любого дочерний селектор CSS, который мог быть проблематичным перекрестным браузером. Или я мог использовать некоторый обман JQuery для добавления класса CSS к второму дескриптору? Кто-либо сделанный это аккуратным способом прежде?