3

リンクの行の最後の右の境界線を削除したいですか？

#mainMenu a {
display: block;
float: left;
height: 20px;
padding: 0px 10px 2px 10px;
border-right: 1px solid #cfcfcf;
font-size: 16px;
font-weight: bold;
font-family: arial, verdana, 'sans-serif';
color: #CFCFCF;
}

境界線の色を背景と同じ色に変更することをテストしましたが、機能せず、助けを求めています。おそらくもっと良い方法がありますか？ 

$("a#mainMenu:last").css({border-right: '1px solid #ffffff'});
4

2 に答える 2

3

示されているCSSとセレクターは互いに逆になっています。これは、単一レベルのメニューを想定して最後のAを見つけるために正しいはずです。

  $("#mainMenu a:last").css("border-right", "none")
于 2012-06-25T18:15:16.177 に答える
0

あなたは純粋なCSSでそれを行うことができます：

#mainMenu a:last-of-type { border-right: none; }

jQueryを使用して行う場合は、必ず$(document).ready()関数ブロック内でコードを実行し、次のように変更border-rightしてborderRightください。

$(document).ready(function(){
  $("#mainMenu a:last").css({borderRight: 'none'});
});

デモ

于 2012-06-25T18:10:54.627 に答える