Mam menu z górnym paskiem (oparte na fundacji Zurb's):

To jest SCSS:

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

Teraz robi to, czego się spodziewałem, ale problem polega na tym, że chcę stylizowaća element wewnątrz każdegoli elementy (właściwie chciałbym to zastosować.top-bar.topbar-section.ul.li.a:before).

Jednakże, ponieważ strona jest zbudowana w WordPressie, a więc menu, mogę przypisać klasę tylko do elementu li i nie mam pojęcia, jak sprawić, by kompas działał.

Wiem, że mogę dostosować sposób wyświetlania menu przez WordPressa za pomocą klasy Walkera, ale wolę spróbować znaleźć rozwiązanie po prostu wpisując odpowiedni SCSS, pod warunkiem, że jest to możliwe.