CSS переопределяет последующие атрибуты

Question

Скажем, у меня есть div для основного текста веб-страницы и навигационный div для ссылок на остальную часть сайта. Теперь скажите, что я хочу, чтобы ссылки в основном тексте были зеленого цвета вместо обычного синего, но я хочу, чтобы ссылки в элементе навигации были еще одного цвета, возможно, красного. Если я сделаю ссылки зелеными в CSS, тогда все ссылки будут зелеными. Если я сделаю текст в навигационном блоке красным с помощью CSS, атрибуты ссылок, похоже, переопределят атрибуты div для ссылок в навигационном блоке. Как настроить таргетинг только на определенные ссылки, если к ним не привязаны какие-либо классы?

Answer 1

Из-за правил специфичности CSS (я люблю это слово) предложение JMC работает.

Подробнее об этом читайте здесь: http://htmldog.com/guides/cssadvanced/specificity/

В принципе, чем более конкретным является правило, тем больше вероятность его использования.

Answer 2

Используйте потомки селекторов.

Стиль обычных ссылок, затем только ссылки внутри #nav div:

a:link { color: blue; 
    }
a:visited { color: purple;
    }

.navigation a:link, .navigation a:visited { color: green
    }