Как убрать подчеркивание?

347
31 июля 2017, 11:29

Добрый день! Я дико извиняюсь за следующий глупый вопрос, но факт остается фактом, впервые за много лет работы со стилем к моему большому стыду не могу справиться вот с чем: как у 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>

Answer 1

Это происходит, потому что подчеркивание применяется именно к 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>

READ ALSO
PHP Интернет магазин [требует правки]

PHP Интернет магазин [требует правки]

Хочу сделать интернет-магазинMVC желательно Laravel

190
Создание анимации рамки вокруг input

Создание анимации рамки вокруг input

Привет всем, примерно месяц назад я задался вопросом: Как сделать анимацию рамки элемента в которого установлен border-radius

398
Footer налезает на блок с контентом

Footer налезает на блок с контентом

Здравствуйте, такая проблема: почему-то у меня img как-будто не имеет веса

264
веб бот с помощью javascript

веб бот с помощью javascript

сейчас учу javascript хочу научиться делать ботов для браузераи у меня вопрос что нужно еще знать

375