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

Тема в разделе "Верстка", создана пользователем toreadorufa, 27 июн 2015.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Модераторы: ultra
  1. toreadorufa

    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 {} - не работает
    как правильно сделать подсветку и стиль ссылок при наведении мышкой?
     
  2. ZiX

    ZiX Коддинг, Парсинг

    Moderator
    Регистр.:
    9 июл 2011
    Сообщения:
    1.391
    Симпатии:
    582
    Вот вам
    http://jsfiddle.net/zixdev/aqj4g5rk/
    Смотрите, может другие стили мешают.
     
    toreadorufa нравится это.
  3. Q_BASIC

    Q_BASIC

    Регистр.:
    30 ноя 2013
    Сообщения:
    406
    Симпатии:
    280
    .catbox a:hover {} - значения с !important писать можно, если другие стили перекрывают.

    Например:
    Код:
    .catbox a:hover {
               background: #000 !important;
    }
     
  4. Relimeyt

    Relimeyt Создатель

    Регистр.:
    3 май 2012
    Сообщения:
    20
    Симпатии:
    5
    скорее всего выше/ниже по файлу есть !important
    В хроме нажмите правой кнопкой на ссылку -> просмотр кода элемента
    В открывшемся окне будет видно все стили, которые повешены на a