[css] как отменить действие a:hover

Тема в разделе "Верстка", создана пользователем funman, 26 окт 2013.

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

    funman

    Регистр.:
    28 дек 2007
    Сообщения:
    157
    Симпатии:
    25
    в шаблоне в базовом стиле CMS прописан a:hover
    В процессе настройки "кнопок" на одной из страниц столкнулся с тем что мне нужно избавится от этого "события", но не могу понять как? пробовал прописывать на самой странице этот стиль с !important; только это позволяет заменить цвет, а мне в принципе не нужно чтобы срабатывало событие (a:hover) на отдельно взятой странице ...
    по этому вариант удалить из общего стиля для всех страниц, не катит.

    есть в CSS какой то аналог null; ? ) или может какой то хак
     
  2. Bauka

    Bauka Постоялец

    Регистр.:
    17 янв 2013
    Сообщения:
    115
    Симпатии:
    58
    Создаете новый класс в кнопке
    <a class="someclass" href="/">TEXT</a>

    Записываете новый класс в CSS
    .someclass {скопировать из старого}
     
  3. funman

    funman

    Регистр.:
    28 дек 2007
    Сообщения:
    157
    Симпатии:
    25
    у кнопки класс bxt, в этом классе я создал a:hover.bxt { color: white !important; } тем самым я изменил стандартное значение цвета a:hover прописанное для всех ссылок в шаблоне, но задача то не менять цвет а анулировать действие a:hover, пробовал a:hover.bxt { color: none !important; } не работает
     
  4. Bauka

    Bauka Постоялец

    Регистр.:
    17 янв 2013
    Сообщения:
    115
    Симпатии:
    58
    .bxt a:hover { color: none !important; text-decoration: none; }
    Либо
    .bxt:hover { color: none !important; text-decoration: none; }

    Это зависит как подключен данный класс.
     
  5. funman

    funman

    Регистр.:
    28 дек 2007
    Сообщения:
    157
    Симпатии:
    25
    Если меняешь цвет работает (только конструкция "a:hover.bxt"), то есть когда задаю какие то значения color они применяются именно к конкретным ссылкам (тег А)
    , а когда прописываю none ничего не происходит, он наследует a:hover из основного стиля...

    Есть еще какие нибудь варианты?
     
  6. Bauka

    Bauka Постоялец

    Регистр.:
    17 янв 2013
    Сообщения:
    115
    Симпатии:
    58
    Короче, скопируйте сюда код кнопки и CSS. Разберемся )))
     
  7. 2xDiP

    2xDiP Постоялец

    Регистр.:
    25 сен 2013
    Сообщения:
    60
    Симпатии:
    14
    Анулировать не получится, если в CSS :hover прописано для всех ссылок.
    Для определенной страницы можно попробовать либо заменить класс у нужной кнопки в самом коде, и уже для этого класса описать что будет при :hover. Событие в любом случае вы не уберете, просто опишите его так же как описана у вас обычная ссылка (не :visited и не :active). Вот и всё. Событие будет, а визуально никаких отличий.
     
  8. Devana

    Devana Создатель

    Регистр.:
    30 окт 2013
    Сообщения:
    10
    Симпатии:
    0
    как задай одинаковое CSS для атрибута <a> и атрибута <a:hover>
     
  9. RORC

    RORC

    Регистр.:
    14 июн 2013
    Сообщения:
    173
    Симпатии:
    41
    не понятно как событие может не срабатывать если оно проявляется при наведении курсора мыши в браузере.

    отмены в css тоже нет, но зато есть отличное переопределение стилей, поэтому нужно переопределить a:hover и сделать стиль одинаковым с простым a

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

    Если нет возможности изменить или добавить стили, можно использовать смену или присвоение класса через js
     
  10. колючий

    колючий Писатель

    Регистр.:
    30 дек 2012
    Сообщения:
    9
    Симпатии:
    0
    А в чем сложность прописать в ссылку нужный класс <a href="" class="твой стиль ЕЩЕ_СТИЛЬ"> ну и далее .ЕЩЕ_СТИЛЬ{} .ЕЩЕ_СТИЛЬ:hover{} прописать все что нужно....хм
     
Статус темы:
Закрыта.