Почему не видно эффекта от *:hover ?
Случайно наткнулся на такую вещь, не видно эффекта от работы
При этом, если использовать
то стили применяются к элементам на странице.
Подскажите, пожалуйста, с чем связана такая работа стилей?
- Вопрос задан более трёх лет назад
- 2595 просмотров
Где html?
а.. вижу
В вашем случае у меня все работает codepen.io/anon/pen/ryEIB
Действительно, я проверяю в на codeopen свой код и там он работает, просто копирую весь html и css туда и вуаля, он там работает!
Возвращаю его к себе на страницу — ничего. Никакого эффекта.
Пробую у себя на странице код, присланный вами, тоже самое, ничего не происходит. Я уже склонен наговаривать на себя, но вроде бы тут сложно ошибиться.
Возможно Вы имеете в виду — почему не срабатывает цвет ссылки? Потому что стиль ссылки внутри hover-елемента — например body имеет свой прописанный в стилях браузера цвет. Здесь наследование идет так:
body:hover a
А так как у элемента (ссылки) прописан стиль — он перекрывает это правило. При наведении
на ссылку — цвет зеленый, так как наследование в данном случае выглядит так:
body:hover a:hover — а для него стиль задан *:hover и ссылка окрашивается в зеленый.
Источник
Почему не видно эффекта от *:hover ?
Случайно наткнулся на такую вещь, не видно эффекта от работы
При этом, если использовать
то стили применяются к элементам на странице.
Подскажите, пожалуйста, с чем связана такая работа стилей?
- Вопрос задан более трёх лет назад
- 2595 просмотров
Где html?
а.. вижу
В вашем случае у меня все работает codepen.io/anon/pen/ryEIB
Действительно, я проверяю в на codeopen свой код и там он работает, просто копирую весь html и css туда и вуаля, он там работает!
Возвращаю его к себе на страницу — ничего. Никакого эффекта.
Пробую у себя на странице код, присланный вами, тоже самое, ничего не происходит. Я уже склонен наговаривать на себя, но вроде бы тут сложно ошибиться.
Возможно Вы имеете в виду — почему не срабатывает цвет ссылки? Потому что стиль ссылки внутри hover-елемента — например body имеет свой прописанный в стилях браузера цвет. Здесь наследование идет так:
body:hover a
А так как у элемента (ссылки) прописан стиль — он перекрывает это правило. При наведении
на ссылку — цвет зеленый, так как наследование в данном случае выглядит так:
body:hover a:hover — а для него стиль задан *:hover и ссылка окрашивается в зеленый.
Источник
Не работает hover
КиноМонстр
Кино — это наша страсть!
Код CSS:
.logo_text h1, .logo_text h1 a, .logo_text h1 a:hover <
padding: 22px 0 0 0;
color: #ffffff;
letter-spacing: 0.1em;
text-decoration: none;
>
Hover не подсвечивается, работаю через sublime text 3
Помощь в написании контрольных, курсовых и дипломных работ здесь.
:hover не работает
Темой все сказано)) Нужна помощь.
Не работает :hover+
Помогите с проблемой. Есть один большой блок с классом «list», внутри которого должна отображаться.
Не работает hover
Проблема в том что hover и last-child не работают, самблайм их даже не подсвечивает. Помогите.
Не работает hover в IE
сайт hover в левом меню не работает в ие (любых версий). Условные комментарии спасут мир?)
Решение
Вы написали 1 стиль для h1, a и hover эффекта.
Если хотите результат, то для hover пропишите отдельно.
Добавлено через 2 минуты
И еще. Как вы обращаетесь к h1 и a, если они не внутри блока logo_text?
Добавлено через 59 секунд
вы его закрыли вначале
Не работает .hover
Имеется 9 блоков, и обработчик наведения курсора на блоки .hover, который выводит квадрат в центре.
Не работает hover
Добрый день уважаемые форумчане! Помогите разобраться со следующей проблемой: надо чтобы при.
Hover не работает
Делаю меню. Оно состоит из списка и ссылки в нем. И сделал смену цвета фона в этом меню.
Hover не работает
Навожу а стрелка(картинка) не появляется
Источник
Ищем поддержку hover на css
Доброго времени суток, дорогие хабрахабровцы!
При создании адаптивной версии сайта, часто бывают ситуации, когда надо знать: поддерживает ли браузер пользователя hover, или нет. К примеру, выпадающее при наведении подменю, или же различные анимации, привязанные к событию hover — все это нужно только на ПК. На touch-устройствах поведение элементов должно меняться. Так как же задать определенные стили только для устройств с поддержкой hover на css, не забывая о кроссбраузерности?
В начале сразу хочу сказать о том, что есть js-библиотека Modernizr, которая решает эту задачу. Но… Прикручивать эту библиотеку только для определения поддержки hover, вместо написания одного медиа-запроса в css — не лучший вариант, на мой взгляд.
Но и с медиа-запросами не все так просто. Давайте посмотрим, какие есть варианты!
Данный медиа-запрос позволит отдельно прописывать стили только для устройств, с поддержкой hover. Но давайте посмотрим на поддержку браузерами: caniuse.com/#feat=css-media-interaction
Как видим, он не поддерживается IE и Firefox. Т.е. наш код будет воспринимать эти браузеры, как без поддержки hover. Такой вариант нам не подходит!
Этот запрос работает в точности наоборот, т.е. только для touch-устройств. Поддержка такая же, как и у media (hover), но т.к. IE и Firefox являются браузерами для ПК — то в них и так не должен срабатывать данный медиа-запрос.
Такое решение вполне подходит для тех случаев, когда нужно прописать стили именно для touch-устройств. Но в основном, стоит задача — прописать стили именно для hover. А это означает, что придется сначала писать стили для всех браузеров, а потом сбрасывать их в медиа-запросе. Это не только увеличивает код, но и довольно неудобно, т.к. надо дублировать каждое свойство, измененное при событии hover на элементе.
Выбирая из двух вышеупомянутых вариантов, первый наиболее привлекательный. Была бы еще браузерная поддержка побольше…
Но, к счастью, у нас есть целый ряд медиа-запросов, которые поддерживаются только в определенных браузерах. Специфичность такой поддержки можно посмотреть на этом сайте.
Итак, данный код будет работать только в IE:
А этот медиа-запрос сработает только для Firefox:
Так давайте же объединим все 3 запроса!
В результате получаем универсальный медиа-запрос, срабатывающий при поддержке hover.
Запрос поддерживается во всех основных браузерах, и как бонус, корректно работает на Blackberry и в Opera Mini (чего не было во 2 варианте).
Демо сравнения 3х подходов. Зеленый цвет = поддержка hover:
Источник
Не работает hover
Добрый день уважаемые форумчане!
Помогите разобраться со следующей проблемой: надо чтобы при наведении курсора мышки светлел фон элемента.
По-разному пробовала, никак не получается.
Вот код:
Помощь в написании контрольных, курсовых и дипломных работ здесь.
Не работает hover
Подскажите пожалуйста почему не работает hover. Код html:
:hover не работает
Темой все сказано)) Нужна помощь.
Не работает .hover
Имеется 9 блоков, и обработчик наведения курсора на блоки .hover, который выводит квадрат в центре.
Не работает hover
Проблема в том что hover и last-child не работают, самблайм их даже не подсвечивает. Помогите.
Fedor92, так я тоже пробовала. Не работает к сожалению.
Добавлено через 3 минуты
В итоге убрала я div overlay совсем, и сделала div middle на весь родительский div. Для middle прописала background и hover и почему-то заработало.
Hover не работает
Делаю меню. Оно состоит из списка и ссылки в нем. И сделал смену цвета фона в этом меню.
Не работает hover в IE
сайт hover в левом меню не работает в ие (любых версий). Условные комментарии спасут мир?)
Hover не работает
Навожу а стрелка(картинка) не появляется
Источник
