CSS 뒤에 요소를 사용할 수 있습니까? 호버?

은 가능한 내가 내가 TD를 가져 그래서 다음에 색상을 변경해야하는 TD 내부 링크를 고정 그렇게하려고 노력하고있는 무슨이CSS 뒤에 요소를 사용할 수 있습니까? 호버?

.tableclass tr td:hover a{ 
    color:#fff; 
}

같은 시도

호버 효과 후 요소를 사용할 수 있나요 흰색 ..

여기 내 자신을 시도했지만 나를 위해 일하지 않는 방법은 무엇입니까?

.GridAlternate td:hover a , .GridRowStyle td:hover a{ 
    color:#fff; 
}

내의 GridView의 HTML

<table cellspacing="0" border="1" style="border-collapse:collapse;" id="GV_Users" rules="rows" class="DefaultGridStyle"> 
         <tbody><tr class="GridHeader"> 
          <th scope="col">User Name</th><th scope="col"><a href="javascript:__doPostBack('ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users','Sort$RoleName')">Role Name</a></th><th valign="middle" align="left" style="width:22%;" scope="col">LogIn</th><th valign="middle" align="center" style="width:33%;" scope="col">Action</th> 
         </tr><tr class="GridRowStyle"> 
          <td> 
           Ali Nisarr 
          </td><td> 
           Admin 
          </td><td valign="middle" align="left"> 
           [email protected] 
          </td><td valign="middle" align="center"> 
           <a href="javascript:__doPostBack('ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users$ctl02$Lbtn_change','')" class="editlinkbutton" id="Lbtn_change">Edit</a> 
           <a href="javascript:__doPostBack('ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users$ctl02$Lbtn_Remove','')" class="removelinkbutton" id="Lbtn_Remove">Remove</a> 

           <a href="javascript:__doPostBack('ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users$ctl02$Lbtn_Disable','')" class="removelinkbutton" id="Lbtn_Disable">Disable</a> 

          </td> 
         </tr><tr class="GridAlternate"> 
          <td> 
           Nizam Ullah 
          </td><td> 
           Admin 
          </td><td valign="middle" align="left"> 
           [email protected] 
          </td><td valign="middle" align="center"> 
           <a href="javascript:__doPostBack('ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users$ctl03$Lbtn_change','')" class="editlinkbutton" id="Lbtn_change">Edit</a> 
           <a href="javascript:__doPostBack('ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users$ctl03$Lbtn_Remove','')" class="removelinkbutton" id="Lbtn_Remove">Remove</a> 

           <a href="javascript:__doPostBack('ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users$ctl03$Lbtn_Disable','')" class="removelinkbutton" id="Lbtn_Disable">Disable</a> 

          </td> 
         </tr><tr> 
          <td colspan="4"> 
         <table class="GridPager"> 
          <tbody><tr> 
           <td width="7%"> 
            Showing 
            : 
           </td> 
           <td width="5%"> 
            <span id="lbl_rowstartindex">1</span> 
            &nbsp;- 
           </td> 
           <td> 
            <span id="lbl_rowendindex">2</span> 
           </td> 
           <td> 
            of 
           </td> 
           <td> 
            <span id="lbl_totalrecords">2</span> 
           </td> 

           <td width="50%" align="center"> 

            &nbsp; 

            &nbsp; 

            &nbsp; 

            &nbsp; 

            &nbsp; 

            &nbsp; 

           </td> 
           <td width="18%" align="right"> 
            Displaying per page: 
           </td> 
           <td align="left"> 
            <input type="text" id="TxBx_PageSize" maxlength="3" value="10" name="ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users$ctl05$TxBx_PageSize"> 

           </td> 
           <td align="left"> 
            <a href="javascript:__doPostBack('ctl00$CPH_Content$TC_SysUsers$TP_Users$GV_Users$ctl05$lb_Change_RowsPerChange','')" id="lb_Change_RowsPerChange">Change</a> 
           </td> 
          </tr> 
         </tbody></table> 
        </td> 
         </tr> 
        </tbody></table>

는 내가 뭔가 잘못하고 있는가 아니면 내가 수행해야 할 다른 방법이 있습니까?

출처

2013-02-23 Sizzling Code

시도해 보셨습니까? –

네, 시도했는데 내가 뭔가 잘못하고있는 것 같아요? –

문제를 설명하기 위해 예제를 피들에 넣으십시오. 완료 –

시도해보십시오.

tr.GridAlternate td:hover a , tr.GridRowStyle td:hover a{ 
    color:#fff; 
}

그리고 이것을 스타일 시트의 끝에 삽입하십시오. 아마도 다른 클래스에 의해 재정의됩니다. 도움이 되었기를 바랍니다.

출처

2013-02-23 06:14:38

네, 앵커 태그로 오버라이드되었습니다. 의미 : a { color : # 660000; } 내 css .. 후에 정의되었습니다. –

왜 시도하지 않습니까? .tableclass td : { color : #fff; 그것은 완전히 나를 위해 일하고

출처

2013-02-23 05:40:40

이미 앵커 태그 위에 마우스를 가져 가면 색상이 변경됩니다. 내가 원하는 것은 테이블의 td 요소를 가져 가면 그 안에 모든 앵커 태그가 색을 변경한다는 것입니다. ''색은 변경되지 않습니다. –

@ user1590011 – KBN

그것은 단지 일반 텍스트 색상을 변경합니다. –

http://codepen.io/princemaple/pen/Dcxdi

}.
일부 규칙이 잘못 계승되었다고 가정합니까?
보다 구체적인 타겟팅 규칙이이 규칙보다 우선 적용됩니다 ...

출처

2013-02-23 05:46:29 prM

네, 다른 클래스에 의해 오버라이드되었습니다. 내 실수 .. : ( –

CSS 뒤에 요소를 사용할 수 있습니까? 호버?

답변

관련 문제