Solved

[CSS] A.hover

Posted on 2000-03-21
2
194 Views
Last Modified: 2010-04-09
G'day all expoerts in there.

Is it possible to have a different hovering style in the same page ?

When we define several A.hover CSS styles, it seems it's the last one that prevail over the previous one(s)...

Any solutions ?
10x in advance 4 your help and your precious time
0
Comment
Question by:ESI
2 Comments
 

Accepted Solution

by:
chteril earned 100 total points
ID: 2639675
try this:

<html>
<head>
<style>
a.test1:hover{

  color:green;
}
a.test2:hover{
   color:black;
}
a.test3:hover{
   color:red;
}
a.test4:hover{
   color:blue;
}
</style>

</head>
<body>
<a class='test1' href=''>Test1</a>
<br><a class='test2' href=''>Test2</a>
<br><a class='test3' href=''>Test3</a>
<br><a class='test4' href=''>Test4</a>
</body>
</html>
0
 
LVL 3

Author Comment

by:ESI
ID: 2639718
Thanks 4 your quick answer
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Filktering Alphabetically 8 41
displaying 3 dropdownlist  horizontally 3 31
CSS Style 8 42
Adding 1 the value of input "text" every 3 seconds 5 32
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

679 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question