Добрый день! Я дико извиняюсь за следующий глупый вопрос, но факт остается фактом, впервые за много лет работы со стилем к моему большому стыду не могу справиться вот с чем: как у span
убрать подчеркивание, в том числе и при наведении как на картинку, так и на сам span
? При чем у a
подчеркивание есть и должно быть, т.е. на странице ссылки при наведении подчеркиваются, и при этом мне нужно исключить подчеркивание именно у <span class="help">
. Каким только способом не пытался, хоть тресни - подчеркивает. Никогда бы не подумал, что приду сюда с таким вопросом. Подскажите, пожалуйста.
span.help,
a span.help,
a:hover span.help {
text-decoration: none;
}
<p>
<a href="#"><img src="kartinka.jpg">
<span class="help">Мемориальный комплекс</span>
</a>
</p>
Это происходит, потому что подчеркивание применяется именно к a
, а не span
, и манипулируя стилями span
, вы не сможете повлиять на стили a
. Поэтому единственный выход - ввести новый класс, например, help-a:
a {
text-decoration: none
}
a:hover {
text-decoration: underline;
}
a.help-a:hover {
text-decoration: none;
}
<p>
<a class="help-a" href="#"><img src="kartinka.jpg">
<span class="help">Мемориальный комплекс</span>
</a>
</p>
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Привет всем, примерно месяц назад я задался вопросом: Как сделать анимацию рамки элемента в которого установлен border-radius
Здравствуйте, такая проблема: почему-то у меня img как-будто не имеет веса
сейчас учу javascript хочу научиться делать ботов для браузераи у меня вопрос что нужно еще знать