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

Question

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

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

但不幸的是，我们的缓存插件(W3 Total Cache for WordPress)似乎更改了文件的扩展名，因此它们现在可能类似于“.pdf?bc07ce”，而不是“.pdf”。所以，当然，我们的 css 找不到它们。

• 我可以将任何通配符或其他元素添加到规则中以仅查找“pdf”作为扩展的一部分？？？

谢谢。我们宁愿不必手动向链接添加类或其他内容，因为客户通常很难弄清楚如何执行此操作或忘记了。想让他们更“万无一失”。

Answer 1

你可以用JS给那些链接添加类.pdf，在CSS中使图标看起来像这样:

.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");