CSS - 李背景

Question

我想要編碼，以便活動和懸停li出現在正常li上。但是，懸停和活躍的李會出現在正常李的內部。當我添加填充（懸停和活動li）以嘗試複製正常li的大小時，正常的li仍然可見，並且只是通過懸浮和活動li的增加填充來擴展，並且不會覆蓋，因爲我需要它。

這裏是我的CSS：

/* ** * ** * ****水平NAVS* ** * ** * ****/

.menu-horizontal { 
    margin: 3px 2px 0.75em; 
} 
.menu-horizontal ul.top-level { 
    background-color: #FFFFFF; 
    clear: none; 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
} 
.menu-horizontal ul.top-level li { 
    background: #FEAB27; 
    border-radius: 7px 7px 0px 0px; 
    display: inline-block; 
    height: 28px; 
    padding: 0 25px; 
} 
.menu-horizontal ul.top-level { 
    display: inline-block; 
    float: left; 
    height: 23px; 
    margin-left: 173px; 
    padding-top: 5px; 
    text-align: center; 
    text-transform: none; 
} 

.menu-horizontal ul.top-level li a { 
    background: none repeat scroll 0 0 transparent; 
    color: #000000; 
    display: inline-block; 
    line-height: 24px; 
    text-decoration: none; 
    font-family: Verdana,'Magra','Gafata',sans-serif; 
    font-size: 102%; 
    font-weight: bold; 
} 
.menu-horizontal ul.top-level li.selected a, .menu-horizontal ul.top-level li a:hover { 
    background: #FDCC00; 
    border-radius: 7px 7px 7px 7px; 
    text-decoration: underline; 


} 
.menu-horizontal li ul.second-level { 
    display: block; 
    left: -999em; 
    margin: -1000px 0 0; 
    overflow: visible; 
    padding: 0 0 9px; 
    position: absolute; 
    text-align: left; 
} 

.menu-horizontal li:hover ul.second-level, .menu-horizontal li.hover ul.second-level { 
    left: auto; 
} 

謝謝！

Answer 1

我不知道我是否有正確的答案，但是你想要這樣的東西嗎？

.menu-horizontal ul.top-level li.selected, .menu-horizontal ul.top-level li:hover { 
background: #FDCC00; 
border-radius: 7px 7px 7px 7px; 
} 

.menu-horizontal ul.top-level li a:hover, .menu-horizontal ul.top-level li.selected a { 
text-decoration: underline; 
} 

http://jsfiddle.net/svSwA/

如果你想改變另一個元素，你必須把一個A：懸停選擇就可以了，或者你必須使用JavaScript。