CSS不會改變顏色

購買了一個模板，並且在過去的幾天裏一直在爲此工作。現在我的智慧結束了。我試圖改變懸停在主導航顏色和當前選擇的頁面顏色，無濟於事。請指教？CSS不會改變顏色

附上代碼。

nav#main-nav { 
    z-index: 50; 
    display: block; 
} 

nav#main-nav ul { 
    position: relative; 
    z-index: 49; 
    margin: 0; 
    padding: 0; 
    list-style: none; 
} 

nav#main-nav ul li { 
    position: relative; 
    z-index: 45; 
    float: left; 
    margin: 0 0 0 20px; 
    padding: 0; 
} 

nav#main-nav > ul > li > a { 
    display: block; 
    font-family: Ubuntu; 
    font-size: 13px; 
    line-height: 40px; 
    color: #ffffff; 
    text-decoration: uppercase; 
    position: relative; 
    z-index: 45; 
    padding: 20px 0; 
    letter-spacing: 0.1em; 
} 


nav#main-nav > ul > li:hover { 
    z-index: 46; 
    color: #ffffff; 
} 


nav#main-nav > ul > li.current-menu-item, 
nav#main-nav > ul > li.current-menu-ancestor { 
    color: #ffffff; 
    text-decoration: underline; 
} 


nav#main-nav ul li .sub-menu { 
    position: absolute; 
    top: 80px; 
    left: 0px; 
    width: 200px; 
    padding: 0; 
    display: none; 
    z-index: 47; 
} 

nav#main-nav ul .sub-menu li { 
    float: none; 
    border-top: 1px solid; 
    margin: 0; 
} 

nav#main-nav ul .sub-menu li:first-child { 
    border-top: none; 
} 

nav#main-nav ul .sub-menu li a { 
    color: #ffffff; 
    font-size: 12px; 
    line-height: 20px; 
    padding: 10px 20px; 
    display: block; 
} 

nav#main-nav ul .sub-menu li:hover { 
    background-color: #ffffff; 
} 

nav#main-nav ul .sub-menu li:hover a { 
    color: #ffffff; 
} 

nav#main-nav ul .sub-menu li.current-menu-item > a { 
    color: #ffffff; 
    text-decoration: underline; 
} 

nav#main-nav ul li ul li .sub-menu { 
    border-top: none; 
    position: absolute; 
    top: 0px; 
    left: 201px; 
}

來源

2014-03-03 user3376290

這很可能是您正在修改的規則正在被其他規則替換。檢查該元素（在許多瀏覽器中，您可以通過右鍵單擊並選擇「檢查元素」來完成此操作），並在開發人員工具中檢查其樣式。如果此頁面在某個位置在線，我們可以幫助您確定問題所在。 – Sampson

你可以發佈'nav' HTML嗎？ – TylerH

你可以發佈導航HTML？ – TylerH

你有

nav#main-nav > ul > li:hover { 
    z-index: 46; 
    color: #ffffff; 
}

的問題是，錨具有其他樣式重寫上面的代碼。然後，使用

nav#main-nav > ul > li:hover { z-index: 46; } 
nav#main-nav > ul > li:hover > a { 
    color: #ffffff; 
}

來源

2014-03-03 19:52:26 Oriol

CSS不會改變顏色

回答

相關問題