将PDF图标应用于链接 - 缓存更改扩展

时间:2015-08-28 02:19:03

标签: css wordpress pdf caching attributes

想知道是否有任何创意或高级技术可以选择可下载PDF的链接,以便我们可以在缓存更改扩展名时添加图标?

我们通常会使用以下方式定位链接:a [href $ =" .pdf"]

但不幸的是,看起来我们的缓存插件(W3 Total Cache for WordPress)改变了文件的扩展名,而不是' .pdf',它们现在可能类似于' .pdf ?bc07ce&#39 ;.所以,当然,我们的CSS无法找到它们。

  • 我可以添加到规则中的任何通配符或其他元素,以便只查找' pdf'作为延伸的一部分???

感谢。我们宁愿不必手动添加类或链接到链接,因为客户端通常很难弄清楚如何做或只是忘记。想要让它变得更加“万无一失”。对他们来说。

1 个答案:

答案 0 :(得分:0)

您可以将类.pdf添加到使用JS的链接中,并且在CSS make图标中显示如下:

.pdf {
     background-color: #fff;
     background-image: url(images/pdficon_small.gif);
     background-position: bottom left;
     background-attachment: scroll;
     padding-left: 20px;
}

在该讨论中查找更多内容:https://wordpress.org/support/topic/pdf-icon-with-pdf-upload#post-754625

对于JS,如果你使用JQuery应该是这样的:

$('a[href*="pdf"]').addClass("pdf");