Exclude one hyperlink from a:hover style

ataxia1 · #1 04-24-2009, 01:43 PM

I have an external style sheet which formats my entire site. Part of that sheet removes underlines, except on hover, from hyperlinks. On one particular page, however, I would like to override that part of the style for links within a certain class of cell. Nothing I've tried has worked, but here are a couple excerpts from my most recent attempt.

EXTERNAL CSS FILE:
a:link {text-decoration: none; color: #223F7A;}
a:visited {text-decoration: none; color: #223F7A;}
a:hover {text-decoration: underline; color: #223F7A;}

HTML FILE:
<head>
<style type="text/css">
.MyClass {lots of cell formatting CSS here}
a.MyClass:hover {text-decoration: none;}
</style>
</head>
<body>
<td class="MyClass">
<a href="">No underline on hover here</a>
</td>
<td class="AnotherClass">
<a href="">DO underline this link on hover</a>
</td>
</body>

Thanks,

- Brad

jthayne · #2 04-24-2009, 04:05 PM

Quote:

Originally Posted by ataxia1

EXTERNAL CSS FILE:

Code:

a:link {text-decoration: none; color: #223F7A;}
a:visited {text-decoration: none; color: #223F7A;}
a:hover {text-decoration: underline; color: #223F7A;}

HTML FILE:

HTML Code:

<head>
    <style type="text/css">
        .MyClass {lots of cell formatting CSS here}
        a.MyClass:hover {text-decoration: none;}
    </style>
</head>
<body>
    <td class="MyClass">
       <a href="">No underline on hover here</a>
    </td>
    <td class="AnotherClass">
       <a href="">DO underline this link on hover</a>
    </td>
</body>

You are referencing the class wrong. In the HTML, you are applying the class to the table cell, and in the CSS you are referencing it as though you had applied the class to the anchor tag.

Change your CSS as follows:

HTML Code:

    <style type="text/css">
        .MyClass {lots of cell formatting CSS here}
        .MyClass a:hover {text-decoration: none;}
    </style>

That should resolve the issue.

ataxia1 · #3 04-26-2009, 08:44 PM

Worked perfectly.

Thanks!

wcipolli · #4 06-23-2009, 08:33 AM

sorry