2012-09-26 32 views
-6

可能重複:
How to use CSS hover inside html-tag?我怎麼寫鼠標CSS懸停

<body> 
    <div id="he"> 
     <div id="header"> 
     <div class="headertabs"> 
      <ul class="nav"> 
       <li class="divide">&nbsp;</li> 
       <li class="tab"><a href="a.php">OVERVIEW1</a></li> 
       <li class="divide">&nbsp;</li> 
       <li class="tab"><a href="a.php">OVERVIEW2</a></li> 
</body> 

我怎樣寫一個css,當我在overview1移動鼠標(懸停)和overview2選項卡,它必須將其文本顏色更改爲綠色。

+1

一個簡單的谷歌會得到這些結果: http://www.w3schools.com/cssref/sel_hover.asp http://www.quirksmode.org/css/hover.html – David

+0

請注意,你缺少很多關閉標籤。 – zessx

+0

你是什麼意思「它必須改變它的顏色爲綠色」?是背景,文字顏色,邊界...問題不清楚你想要達到什麼,以及谷歌搜索CSS懸停會幫助大量。 – Aran

回答

1

我鉤住了CSS的從一個文件我已經打開應該解釋得很好:

這是我的正常的CSS爲錨點:

a 
{ 
    color: #006699; 
    text-decoration: underline; 
} 

這是位當它被盤旋時改變顏色。

a:hover 
{ 
    text-decoration: none; 
} 
0

我穿上<a>懸停,而不是更好的支持IE,我也想改變焦點的顏色,所以它通過鏈接時,Tab鍵更改爲鍵盤只有用戶,所以:

.tab a:hover, .tab a:focus { 
    color: green 
} 
0

另一種方式

li a:hover{ 
color:green; 
}​ 
0

短一點:

.tab a:hover{color:green}