Ich habe ein Top-Barmenü (das auf der Zurb's Foundation basiert):

Dies ist das SCSS:

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

Nun, das tut was erwartet, aber das Problem ist, dass ich das stylen möchtea Element in jedemli Elemente (eigentlich würde ich es gerne anwenden auf.top-bar.topbar-section.ul.li.a:before).

Da die Site jedoch in WordPress und damit im Menü erstellt wurde, kann ich die Klasse nur dem li-Element zuweisen und habe keine Ahnung, wie das Spriting des Kompasses funktionieren soll.

Ich weiß, ich könnte die Darstellung des Menüs in WordPress mithilfe einer Walker-Klasse anpassen, aber ich würde lieber versuchen, eine Lösung zu finden, indem ich einfach das richtige SCSS schreibe, sofern dies möglich ist.