我正在将 Foundation 用于一个项目,并尝试在左上角的“SITENAME”之前添加一个小图标。我试过这个CSS:
.top-bar .name h1 a:before {
background-image: url('images/logo.png');
background-size:18px 18px;
background-repeat: no-repeat;
}
但它似乎不起作用。图片路径正确。
这是html:
<nav class="top-bar" id="mainmenu">
<ul class="title-area">
<li class="name">
<h1><a href="/site">SITENAME</a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
</ul>
<section class="top-bar-section">
</section>
</nav>
如何在不入侵foundation.css的情况下添加简单的图标/图像?