Like this...

.style1 a {}

.style1 a:hover {}

.style2 a {}

.style2 a:hover {}

and use the class attribute.

<.p class="style1"><.a><./a><./p>
<.p class="style2"><.a><./a><./p>


- Kayjey -


-----Oorspronkelijk bericht-----
Van: owner-hwg-techniques(at)hwg.org
[mailto:owner-hwg-techniques(at)hwg.org]Namens Lesley tao Mowat
Verzonden: donderdag 21 juni 2001 17:44
Aan: hwg-techniques(at)hwg.org
Onderwerp: multiple link colors on single page


Here's an issue I need help with. Thanks in advance...

we have a situation where due to design considerations, on a single html
page we need to have 2 different color schemes for text links. We're using
CSS pseudo-classes to style the a element:

a:link
a:visited

I found this suggestion in a book that it may be possible to create classes
of the a pseudo-class...

"as with other selectors, you can combine class or ID selectors with
pseudo-elements or pseudo-classes to narrow the application of a special
style. For instance, you may want a large drop cap to appear only in the
first paragraph of a page."

But they don't show exactly how to do it!!!

Does anybody know how to do this?
With   a:link  +  a:visited   set up to have 2 color schemes for linking on
a single page.

Hope this makes sense!



Lesley tao Mowat 
digital maven @ STELLARViSIONs

http://www.stellarvisions.com


 

• Web Designer Courses
• Off the Shelf Training Courses

HWG hwg-techniques mailing list archives, maintained by Webmasters @ IWA