私のウェブサイトでjQueryを介してタブ付きナビゲーションメニューを作成しています。個々のタブにはすべてクラスがnavBarLink
あり、それに関連する CSS は次のとおりです。
.navBarLink:link,.navBarLink:visited
{
display:block;
height:27px;
width:120px;
color:#FFF;
background-color:#06C;
text-align:center;
padding:4px;
text-decoration:none;
border:0;
margin:2px 2px 0 2px;
}
.navBarLink:hover,.navBarLink:active
{
background-color:#FFF;
color:#06C;
border-bottom-style:solid;
border-bottom-color:#FFFFFF;
border-bottom-width:1px;
}
問題は、タブをクリックすると背景色が変わるのに、タブにカーソルを合わせても背景色が変わらないことです。基本的に、ホバーとクリックは同時に機能しません。なぜこれが起こっているのですか?