CSS - Нежелательная граница-нижняя

Question

Просто сделайте небольшое касание перед завершением проекта конверсии, и у меня есть нежелательное пограничное дно, которое нужно удалить.

Базовый код:

a:link, a:visited { color: #000000; text-decoration: none; border-bottom: 1px dotted #c6132e; } 

Однако, я не хочу, чтобы показать все ссылки, в частности главной навигации. Когда вы нажимаете на какую-либо ссылку, она появляется.

В строке 56 CSS я поместил этот код, чтобы удалить границы дна, но не кажется, что это будет работать:

ul#main_nav li a:link, 
ul#main_nav li a:visited 
ul#main_nav li a:hover, 
ul#main_nav li a:active  { border-bottom: none; } 

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

Спасибо!

BTW: вот ссылка: http://www.rouviere.com/aav/index.html просто нажмите на любую из основных кнопок навигации.

Answer 1

Как сказал Timhessel, это ваше внимание план ... хотя это не рекомендуется, вы можете добавить это, чтобы избавиться от него:

ul#main_nav li a { outline-color: transparent; } 

Answer 2

Вы пропустили запятую. Должно быть:

ul#main_nav li a:link, 
ul#main_nav li a:visited, 
ul#main_nav li a:hover, 
ul#main_nav li a:active  { border-bottom: none; } 

Ваше правило не применяется к посещенным ссылкам.

Answer 3

Вы пробовали использовать важное решение? Может быть, ваши новые стили где-то переопределяются.

ul#main_nav li a:link, 
ul#main_nav li a:visited, 
ul#main_nav li a:hover, 
ul#main_nav li a:active  { border-bottom: none !important; } 

Также, как отмечено @iamtooamazing, вы пропустили запятую после посещенного объявления.