Как сделать hover только для текста если ссылка это текст и картинка?

Question

[freeman0204]

Код Как сделать hover только для текста если ссылка это текст и картинка? Что бы бордеры были только для текста, а сейчас верхний бордер сверху картинки.

Answer 1

[Danila]

текст вынести в отдельный тег обернутый в эту ссылку

Comments

[freeman0204]

Получится 2 ссылки, а мне нудна одна.

[Danila]

Артур Черешнюк: зачем 2 ссылки?
codepen.io/DNLHC/pen/MyPNVJ

[freeman0204]

Данила: Неправильно понял, спасибо.

Answer 2

[Борис Шепелев]

Вижу реализацию с JQuery. Текст под картинкой обверни в тэг span.

$("a span").hover(
  function() {
    $( this ).parent().addClass('hover');
  }, function() {
    $( this ).parent().removeClass('hover');
  }
);

a.hover {
    color: #4ec7e5 !important;
    transition:  0.5s ease;
    border-top: 1px solid red;
    border-bottom: 1px solid red;
}