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

Popular posts from this blog

c++ - No viable overloaded operator for references a map -

java - Custom OutputStreamAppender not run: LOGBACK: No context given for <MYAPPENDER> -

java - Cannot secure connection using TLS -