html - 特定 href 属性值的 CSS 选择器

Question

我从服务器端获取此代码。我没有服务器端 PHP 代码。现在我想使用 CSS 选择器选择所有 PDF 链接。可能吗？期待答案。谢谢你。

<ul>
    <li><a href="file1.txt" target="_blank">Download Text File</a></li>
    <li><a href="file1.pdf" target="_blank">Download pdf File</a></li>
    <li><a href="file1.word" target="_blank">Download word File</a></li>
    <li><a href="file2.pdf" target="_blank">Download pdf File</a></li>
    <li><a href="file2.word" target="_blank">Download word File</a></li>
    <li><a href="file1.txt" target="_blank">Download Text File</a></li>
</ul>

标签： htmlcss

Answer 1

使用属性选择器，特别$=是匹配后缀：

a[href$=".pdf"] {
  /* … */
}