CSS -Hover Links / 2 types on the same page

Hi
I'm using a externe StyleSheet to get some Hover Links on some pages.

However on one particular page I need to have another color on the Hover Links, or the even better, a possibility to use the "normal" link style.

Is there some kind of a "dont use the style for this" TAG?

Hope someone can help me realize this!

Thank you
Jörgen Aström


-----------------
This is the style I use:

A:LINK  {
      color : #40FFFF;
      text-decoration : none;
      font-weight : bold;
}

A:VISITED  {
      color : #40FFFF;
      font-weight : bold;
      text-decoration : none;
}

A:Activ  {
      color : #40FFFF;
      font-weight : bold;
      text-decoration : none;
}

A:Hover  {
      font-weight : bold;
      color : orange;
      

}
jastroemAsked:
Who is Participating?
 
rafisternConnect With a Mentor Commented:
You should be able to override the external sheet by putting:

A:Hover  {
}

as an inline style sheet after the included external one. If that doesn't work, put:

A:Hover  {
  font-weight:normal;
  color:black;
}

0
 
jastroemAuthor Commented:
Hi

I'm sorry...
I didn't explained clearly enough. I need inside the SAME page to use the Link Style defined in the Style Sheet. And on the same page I need ALSO the "normal" link style.

One Page - two sort of link styles.

Sorry for the inconvenience.

Cheers
Jörgen
0
 
rafisternCommented:
Try this

<head>
<style>
a:hover{
      font-weight:bold;
}

a.no:hover{
      font-weight:normal;
      font-style:italic;
}
</style>
</head>
<body>
<a href="javascript:void(0)">a link</a>
<p><a href="javascript:void(0)" class="no">a link</a>
</body>

0
 
jastroemAuthor Commented:
Dear rafistern

Thanks a lot, it works just great!

Cheers Jörgen
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.