Подсветка ссылок в DIV блоке

toreadorufa

Постоялец
Регистрация
20 Дек 2007
Сообщения
92
Реакции
11
Нужна помощь...
Имеется такой код:
Код:
<div class="aderocat">
<div class="catbox">
<a class="root-category main-category main-category_1" href="category/232/АВТО.html">
<img src="for_sale.jpg" alt="">
<span class="category_title">АВТО</span></a>
<div class="separator"></div>
<a class="cat303" href="category/303/Автомобили.html">Автомобили</a>
<a class="cat237" href="category/237/Мотоциклы-и-мототехника.html">
Мотоциклы и мототехника</a>
<a class="cat236" href="category/236/Грузовики-и-спецтехника.html">
Грузовики и спецтехника</a>
<a class="cat238" href="category/238/Водный-транспорт.html">Водный транспорт </a>
<a class="cat239" href="category/239/Запчасти-и-аксессуары.html">Запчасти и аксессуары</a>
</div>
</div>
в CSS файле .catbox a {} - работает
.catbox a:hover {} - не работает
как правильно сделать подсветку и стиль ссылок при наведении мышкой?
 
Нужна помощь...
Имеется такой код:
Код:
<div class="aderocat">
<div class="catbox">
<a class="root-category main-category main-category_1" href="category/232/АВТО.html">
<img src="for_sale.jpg" alt="">
<span class="category_title">АВТО</span></a>
<div class="separator"></div>
<a class="cat303" href="category/303/Автомобили.html">Автомобили</a>
<a class="cat237" href="category/237/Мотоциклы-и-мототехника.html">
Мотоциклы и мототехника</a>
<a class="cat236" href="category/236/Грузовики-и-спецтехника.html">
Грузовики и спецтехника</a>
<a class="cat238" href="category/238/Водный-транспорт.html">Водный транспорт </a>
<a class="cat239" href="category/239/Запчасти-и-аксессуары.html">Запчасти и аксессуары</a>
</div>
</div>
в CSS файле .catbox a {} - работает
.catbox a:hover {} - не работает
как правильно сделать подсветку и стиль ссылок при наведении мышкой?
Вот вам
Для просмотра ссылки Войди или Зарегистрируйся
Смотрите, может другие стили мешают.
 
.catbox a:hover {} - значения с !important писать можно, если другие стили перекрывают.

Например:
Код:
.catbox a:hover {
           background: #000 !important;
}
 
скорее всего выше/ниже по файлу есть !important
В хроме нажмите правой кнопкой на ссылку -> просмотр кода элемента
В открывшемся окне будет видно все стили, которые повешены на a
 
Назад
Сверху