Как запретить отправку ссылки только для элемента с абсолютным расположением?

#html #css

Вопрос:

введите описание изображения здесьЯ просто хочу, чтобы значок не позволял отправить ссылку! Как вы видите на рисунке, значок сердца завернут в img, h2 и p меткой привязки. Кстати, я попробовал указатель на свойство-события:нет; но это не сработало. Это и есть код:

 <a href="#">
   <div class="wrapper">
   <img src="#"/>
   <div class="details">
     <h2>...</h2>
     <p>...</p>
     <i class="far fa-heart"></i>
  </div>
  </div>
</a>




.fa-heart {
    position: absolute;
    font-size: 1.6rem;
    right: 20px;
    top: 20px;
    transition: color 600ms linear;
 }
 

Комментарии:

1. Не могли бы вы просто поместить значок за пределами элемента a?

2. Используйте это <a href="#"> Your Icon </a> , это то, что вы хотели.

3. Не на самом деле я просто хочу отключить форму значка сердца, отправляющую всю ссылку, в то время как другие части ссылки хотят работать должным образом !