如何将自定义样式应用于<a>标签？

Question

我正在尝试使用名为myStyle的自定义样式设置href的样式:

<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 */
}