html - How to apply custom style to <a> tag? -
i'm attempting style href using 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 on link */ a:hover { color: red; } /* selected link */ a:active { color: yellow; }
http://jsfiddle.net/uzag9/863/
so red hover
should changed red on hover - works 'blue hover' not change on hover.
i'm using style in attempt change hover :
.mystyle { a:hover { color: blue; } }
but don't think format correct ? how can apply custom style <a>
tag ?
try:
a.mystyle:hover { /* css here */ }
Comments
Post a Comment