メニューを作る方法は左の背景消えますか？

Question

私はサイト上にメニューを持っています。 リの右側にディバイダがあり、バックグラウンドとして設定されています。 これを置くと消えてリンクがハイライト表示されます。

また、左の李の背景も消えてしまいます。どうすればいいですか？

.menu-link ul li  
{ 
    text-decoration:none; 
    float:left; 
    background: url(/Content/img/border-line-inside.png) no-repeat right; 
} 

.menu-link ul li a { 
    color:#fff; 
    padding: 0px 15px 0px 15px; 
    line-height:40px; 
    display: block; 
    width:128px; 
    text-align:center; 
} 

.menu-link a:hover{ 
    background:url(../img/menu-nav-hov.png) repeat-x; 
    cursor:pointer; 
} 

私はjqueryを使用する必要がありますか？

Answer 1

CSSで親要素も以前の兄弟も選択できないため、実際にはjQueryが必要です。

thisのようなものは正しい方向に向けるかもしれません。 （jQueryコードが改善されるかもしれない、私は専門家ではない）。

$(document).ready(function() { 
    $('a').hover(function() { 
     $(this).parent().prev().css('background','none'); 
    }, 
    function() { 
     $(this).parent().prev().css('background','url(http://placekitten.com/10/20) no-repeat right'); 
    }) 
})