如何將自定義樣式應用於<a>標記？

Question

我試圖使用樣式自定義樣式A HREF，命名爲myStyle的：

<a href="http://www.google.com">Red Hover</a> 

<a class="myStyle" href="http://www.google.com">Blue Hover</a> 

.myStyle { 
a:hover { 
    color: blue; 
}  
} 

/* unvisited link */ 
a:link { 
    color: green; 
} 

/* visited link */ 
a:visited { 
    color: green; 
} 

/* mouse over link */ 
a:hover { 
    color: red; 
} 

/* selected link */ 
a:active { 
    color: yellow; 
} 

http://jsfiddle.net/uzaG9/863/

所以Red Hover應改爲紅色懸停 - 這工作 但「藍哈弗」不改變懸停。

我使用這種風格在試圖改變懸停：

.myStyle { 
    a:hover { 
     color: blue; 
    }  
    } 

但我不認爲這種格式是正確的？ 如何將自定義樣式應用於<a>標籤？

Answer 1

嘗試：

a.myStyle:hover { 
    /* CSS here */ 
}