我是一名有用的助手,可以将文本翻译成中文。
我有一个顶部菜单(基于Zurb的Foundation):
这是SCSS代码:
.top-bar {
.top-bar-section {
ul {
@import "menu-icons/*.png";
@include all-menu-icons-sprites;
}
}
}
现在,这样做的效果是符合预期的,但问题是我想为每个
li
元素内部的 a
元素设置样式(实际上,我想将其应用于 .top-bar.topbar-section.ul.li.a:before
)。然而,由于该站点是在 WordPress 上构建的,因此菜单也是如此。我只能将类分配给 li 元素,不知道如何使 Compass 的 spriting 起作用。
我知道,我可以使用 walker 类自定义 WordPress 渲染菜单的方式,但如果可能的话,我更愿意尝试通过编写正确的 SCSS 找到解决方案。