Настройка вывода спрайтов Compass

У меня есть меню верхней панели (этона основе ЗурбаФонд):

Это SCSS:

.top-bar {
  .top-bar-section {
    ul {
      @import "menu-icons/*.png";
      @include all-menu-icons-sprites;
    }
  }
}

Теперь это делает то, что ожидалось, но проблема в том, что я хочу стилизоватьa элемент внутри каждогоli элементы (на самом деле, яя хотел бы применить его к.top-bar.topbar-section.ul.li.a:before).

Тем не менее, поскольку сайт построен на WordPress, и поэтому меню, я могу только назначить класс для элемента li, и я не знаю, как сделать CompassСпрайтовая работа.

Я знаю, я мог бы настроить способ отображения меню в WordPress, используя класс Walker, но яЯ предпочел бы попытаться найти решение, просто написав правильный SCSS, при условии, что это возможно.