У меня есть меню верхней панели (основанное на Zurb's Foundation):

Это 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, при условии, что это возможно.