asp.netメニューコントロールのテーブルホバーでメニューリンクの色を変更することはできますか？

Question

私はASP.netメニューを使用しています。メニュー項目の表の中にカーソルを置くと、表の列の背景色が変わりますが、リンクのテキスト自体にカーソルを置かない限り、リンクのテキストの色は変わりません。

テーブルの上にリンクテキストの色を変更することはできますか？

以下の例は、何が起こるかを示しています。醜いCSSすみません

：

.TopStaticSelectedStyle 
{ 
    cursor: pointer; 
    font-size: 11px; 
    font-family: Verdana; 
} 

.TopStaticMenuStyle a, 
.TopStaticMenuStyle a:visited, 
.TopStaticMenuStyle a:active 
{ 
    color: #ffffff;  
    text-decoration: none; 
    font-weight: bold; 
    font-family: Verdana; 
} 
.TopStaticMenuStyle a:hover 
{ 
    color: #000000;  
    text-decoration: none; 
    font-size: 11px;   
    font-weight: bold; 
    font-family: Verdana; 
} 

.TopStaticMenuItemStyle td 
{  
    padding: 0px 12px 0px 12px; 
    text-align: center; 
    background-color: #6c85b0; 
    height: 18px; 
    border-top: solid 1px #012754; 
    border-bottom: solid 1px #012754; 
    border-left: solid 1px #012754; 
    border-collapse:collapse; 
} 

.TopStaticHoverStyle 
{ 
    font-weight: normal; 
    font-family: Verdana; 
} 

.TopStaticHoverStyle td 
{ 
    padding: 0px 12px 0px 12px; 
    text-align: center; 
    background-color: #ffffff; 
    height: 18px; 
    border-top: solid 1px #012754; 
    border-bottom: solid 1px #012754; 
    border-left: solid 1px #012754; 
     border-collapse:collapse; 
     color: #000000; 
} 

Answer 1

を私はあなたのCSSを廃棄し、ちょうどゼロから始まっていますがthisからアイデアを得ることができるはずです。

だから、いくつかの基本的なテーブルのhtml：

<table> 
    <tr> 
     <td> 
      <a href="#">Test</a> 
     </td> 
     <td> 
      <a href="#">Test 2</a> 
     </td> 
    </tr> 
</table>​ 

そしてCSS：

a { 
    color:#000; 
} 
td { 
    border:solid 1px black; 
    background:#234567; 
    padding:5px 10px; 
} 
td:hover { 
    background:#eee; 
} 
td:hover a { 
    color:#ccc; 
} 
td a:hover { 
    color:#777; 
} 
​ 

ここで重要なのは、あなたがtdのホバーの色を変更するために必要なものであるtd:hover aセレクタです。