In general, you would only need to set up a single a:visited rule.
However, the likelihood is that you have set up an overriding text
color for one or both of these menus. If so, you'll just need to
provide the appropriate context with another a:visited rule that sets
its importance higher. For instance:
a:link { color: #00f; } /*blue*/
a:visited { color: #666; } /*gray*/
#top-menu a:link { } /*blue, inherited*/
#top-menu a:visited { } /*gray: inherited*/
#left-menu a:link { color: #000; } /*black, overridden*/
#left-menu a:visited { } /*black, inherited*/
To make the #left-menu visited links the same gray (or any different
color) you would have to appropriately define that color in the #left-
menu a:visited rule above, as #left-menu a:link overrides a:visited,
since the ID portion of the selector gives it higher importance.
NOTE: You could also simply add !important to the top a:visited rule,
as in:
a:visited { color: #666 !important; }
The main problem with that solution is that you might have a visited
link on a background where the combination causes poor legibility,
such as background-color: #333 or even #666.
On Nov 26, 7:40 pm, student4life <[email protected]> wrote:
> Hello,
>
> I have top menu hyperlinks that when the user clicks on,
> corresponding left-submenu hyperlinks appear and when the user clicks
> on one of them, a corresponding web page (generated by php) appears in
> the middle area. Could someone please show me how to make the visited
> top AND side hyperlinks appear in different color than the rest of the
> menu/submenu hyperlinks? TIA.
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
