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/

在html中清除链接的css属性

2 个答案: