how to differentially set link styles?

[scorpion]

Does anybody know how to have a page where for example

links (a href=...) in a menu bar are NOT bold and 10pts BUT

links in say a table or somewhere else on the page are BOLD and 11pts.

If i define the link or a tag, it seems to be global for the whole page...thanks

[tedster]

Two approaches come to mind:

1. Create a class (let's call it "nav") and apply that class just to the anchor tags that you choose <a href="page.htm class="nav">TEXT</a>

a.nav { -- rules -- }
a.nav:visited { --rules-- }
a.nav:hover { -- rules -- }

2. If all of one style of link will be within a div (say its ID is "navi"), then declare some rules for any anchor tags that are child elements in that div

#navi a { --rules-- }
#navi a:visited { --rules-- }
#navi a:hover { --rules-- }

[scorpion]

will not the definition of a.link interfere with this since a.link refers to all links on the page? or will a.nav override a.link? I'm kinda new to this, but I'll try it out!

[DrDoc]

a.nav:link will override a:link .. as long as the rule is specified in a.nav too.

For example, if a:link has a border, not specifying a border for a.nav:link will still give it a border because of a:link. Hence, the a.nav section marks changes to the general anchor section.