如何将自定义样式应用于<a> tag?

时间:2015-04-22 16:17:12

标签: html css

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>代码?

1 个答案:

答案 0 :(得分:6)

尝试:

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