У меня есть навигационное меню, где я скрываю три из десяти связей, однако mouseover эффект все еще показывает, когда я mouseover пятно, где связи были. Как я избавляюсь от этого?
<!--example link-->
Store Links
//mouseover effects for all links
.header_nav a:hover {
padding: 8px 8px;
border-top: 4px solid #CC0078;
border-bottom: 4px solid #CC0078;
}
//hiding the three links
.header_nav a span.search_link,
.header_nav a span.cat_link,
.header_nav a span.store_link {
display: none;
}
//my attempt at hiding mouseover effects which does not work
.header_nav a:hover span.icon-search,
.header_nav a:hover span.cat_link,
.header_nav a:hover span.store_link {
border-top: none;
border-bottom: none;
}