I'm attempting to style a href using a custom style, named 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>
代码?
答案 0 :(得分:6)
尝试:
a.myStyle:hover {
/* CSS here */
}