Псевдо классы не работают

Question

Это должно быть легко решить, но я не уверен, почему это происходит. У меня есть div с id test и внутри этого div, у меня есть тег абзаца со ссылкой.

В настоящее время в классе тестирования ссылки не отображаются, и я не понимаю, почему. Я хочу глобальный псевдокласс для ссылок, для которых я не хочу ничего особенного. Это должен быть код в следующих 4 строках.

a:link {color:#000;text-decoration:none;} 
a:visited {color:#000;text-decoration:none;} 
a:hover {color:#000;text-decoration:none;} 
a:active {color:#000;text-decoration:none;} 

Где я хочу сделать что-то особенное, я могу сослаться на #test класс, как я его ниже, что браузер должен использовать только этот класс в test DIV и нигде больше. Я неверен в этом?

#test p a:link, a:visited, a:hover, a:active {color: #FFFFFF;} 

FF показывает мне, что тест используется вне тестового div. Другими словами, на совершенно другой странице, где тест даже не используется, я вижу, что используется тестовый класс.

Answer 1

CSS не работает таким образом. Вы должны определить #test для каждого из них. Пример:

#test p a:link, #test p a:visited, #test p a:hover, #test p a:active { 
    color: #FFFFFF; 
} 

Answer 2

#test p a:link, a:visited, a:hover, a:active {color: #FFFFFF;} 

должен быть

#test p a:link, #test p a:visited, #test p a:hover, #test p a:active {color: #FFFFFF;} 

Вы забыли добавить ссылку на test DIV для каждого звена псевдо классы