CSS multiple inheritance

[Rob Shepherd]

I have the following html to make some invisible links on a page and associated CSS drawn
from external ref.

They are invisible but when they become "visited" they take the global a.visited
attributes and appear like a normal visited link.

How can I add visited behaviour to the invisible class?


HTML

<a class="invisible" href="http://www.google.com">google</a>
<a class="invisible" href="http://www.yahoo.co.uk">uk yahoo</a>

/HTML

CSS
a:visited{ color: blue; }

..invisible {
text-align: right;
color: #fff;
background-color: #fff;
}

\CSS


kindest regards

Rob Shepherd

 

[Els]

I have the following html to make some invisible links on a
page and associated CSS drawn from external ref.

They are invisible but when they become "visited" they take
the global a.visited attributes and appear like a normal
visited link.

How can I add visited behaviour to the invisible class?

..invisible, a.invisible:visited {
text-align: right;
color: #fff;
background-color: #fff;
}

 

[Rob Shepherd]

Rob Shepherd wrote:




.invisible, a.invisible:visited {
text-align: right;
color: #fff;
background-color: #fff;
}

Hey thanks Els, perfect!

Rob

 

[derek giroulle]

Rob Shepherd wrote:

.invisible, a.invisible:visited {
text-align: right;
color: #fff;
background-color: #fff;
}

Have you also considered making them as small as possible with font size
like -7 or like hiding them behind a . , ; or a : where the inderscore
is so small it's mostly invisble or using a _ in a word and making your
link there people don't notice the blue _ in the black text?
blending the 2 methods together get some very good results in hiding
links form the public

derek