如何讓徽標不在菜單中懸停？

Question

我從here下載了一個CSS菜單並試圖進行一些更改，這裏是小提琴文件jsfiddle和full screen的結果。

現在我試圖做兩件事情：

• 讓Logo文本/圖片不具有懸停
• 固定寬度，我把100％，但如果你看一下全屏結果你會發現什麼是錯誤的

Answer 1

行更改42：#navbar li:not(:first-child):hover {

這將確保懸停效果不施加到第一<li>在你的情況下包含標誌。 jsFiddle

這就是所謂的CSS Selectors Level 3

要解決您的導航位置使用：

#nav { 
    width: 100%; 
    position: fixed; 
    margin: 0 auto; 
    left: 0px; 
} 

編輯：如果你仍然想在每邊用小邊距：

#nav { 
    position: fixed; 
    margin: 0; 
    left: 1%; /* you can change this to whatever margin you like */ 
    right: 1%; 
} 

並添加：

#navbar { 
    width: auto; 
} 

Answer 2

嘗試#navbar>li:first-child~li:hover。我在

http://jsfiddle.net/PHPglue/h4uL6/7/

更新您的提琴如果確實需要某種原因一個固定的位置，包裹整個代碼在<div>，position:absolute;它，並給它相同的寬度和利潤作爲我給#nav這個<div>然後製作#nav的position:fixed;。