如何将自定义样式应用于<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 */ 
}