очистить свойства ссылки css в html

Question

Я купил шаблон html + css с веб-сайта, и у меня возникла проблема со ссылкой.

Я пытаюсь добавить ссылку, и ссылка по умолчанию получает множество свойств css. Как я могу очистить эти свойства css для этой конкретной ссылки? вот код ниже ...

<div class="popup-gallery"> 
    <span href="img/portfolio/01.jpg" class="image-item"> 
      <img src="img/portfolio/01.jpg" alt=""> 
      <div class="item-overlay"> 
      <h4>Test asd asd</h4> 
      <div>zxc zxc zxc zxc zxc zxc zxc zxc zxc zxc zxc</div> 
      <div><br /></div> 
      <div><a href="/fiyat_listeleri/fiyat.pdf">Fiyat Listesi*******</a></div> 
      </div> 
     </span> 
</div> 

Связь с Pdf, я хочу, чтобы загрузить, когда она нажата, но он открывает его в качестве всплывающего модального. Я использовал target="_blank", но это не сработало.

Как я могу сделать его доступным для скачивания?

Answer 1

Во-первых, CSS стиль, который вы просили быть удалены.

Добавьте это в свой файл таблицы стилей.

.popup-gallery span .item-overlay div a { 
    color: #000000; // or whatever color 
    text-decoration: none; 
    // add any more styles you want 
} 

Для ссылки им кажется, что есть JavaScript, поэтому вам просто нужно отключить все, что в настоящее время работает.

В JQuery:

$(document).ready(function() { 
    $('.popup-gallery span .item-overlay div a').click(function(e) { 
    e.preventDefault(); 
    }); 
}); 

Answer 2

А как насчет добавления download к тегу?

<a href="/fiyat_listeleri/fiyat.pdf" download>Fiyat Listesi*******</a> 

Идея от w3schools.

Демо:

http://jsfiddle.net/5oafzty8/