在html中清除鏈接的css屬性

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/