自定義導航欄Zurb基金會

Question

我想自定義的基礎上導航欄。

在我的樣式表我有這樣的：

.top-bar{ 
background: none; 
color: #000; 
} 
.top-bar-section{ 
    background: none; 
} 

這裏是我的HTML標記：

<div class="fixed"> 
<nav class="top-bar" data-topbar> 
    <ul class="title-area"> 
     <li class="name"><h1><a href="index.html">title</a></h1></li> 
    </ul> 
    <section class="top-bar-section"> 
    <ul class="right"> 
     <li><a href="#">item one</a></li> 
     <li><a href="#">item two</a></li> 
     <li><a href="#">item 3</a></li> 
     <li><a href="#">Contact</a></li> 
    </ul> 
</section> 
</nav> 
</div> 
<div class="divider"></div> 

它只是改變在左邊最上面一欄的背景色，而不是在頂杆一側。

我在做什麼錯？

謝謝！

Answer 1

.top-bar-section ul, 
.top-bar-section ul li.active > a, 
.top-bar-section ul li.active > a:hover, 
.top-bar-section li a:not(.button), 
.top-bar-section li a:not(.button):hover { 
    background: none; 
} 

Example