оформление ссылок CSS

[vera_l]

Здравствуйте, прописала css для ссылок:

a:link {
color: #FFFFFF;
text-decoration:none;
font-style: normal;
font-family: arial, sans-serif;
font-weight: bold;
font-size: 100%;
}
a:hover {
color: #FF0000;
text-decoration:none;
font-style: normal;
font-family: arial, sans-serif;
font-weight: bold;
font-size: 100%;

Эти ссылки на зеленом фоне вверху сайта (как навигация). Делаю ссылки в другой части (табличный), а они оформляются так же. Как их разделить? сделать так, чтобы не все ссылки на сайте были одинаковыми?

Спасибо !

 

[Creator]

Добавте классы, идентификаторы и ограничения

Html-набросок

<div id="nav">
 <a>sdfsdf</a>
 <a>sdfsdf</a>
 <a>sdfsdf</a>
</div>

<div id="content">
 <a>sdfsdf</a>
 <a>sdfsdf</a>
 <a>sdfsdf</a>
</div>

<a class="green">sdfjksfsd</a>

CSS-набросок

div#nav a:link { ... }
div#nav a:hover { ... }

div#content a:link { ... }
div#content a:hover { ... }

a.green { ... }

Рекомендую ознакомиться с CSS: советы и приёмы, часть 1, часть 2

P.S. На будущее, прошу выделять блоки кода соответствующим тегом [ CODE ]

 

[vera_l]

Спасибо огромное! :biggrin: