Html 特定href属性值的CSS选择器

我从服务器端获取此代码。我没有服务器端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>

使用，特别是匹配后缀的

$=

：

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

---

是的，这是可能的，您可以使用

a[href$=“.pdf”]

来完成。有关更多详细信息，请阅读此处。

a[href$=”.pdf“]{
背景色：红色；
颜色：#fff；
}

CSS3允许选择：

---

因此它将匹配

notapdf.pdf.txt

？修复了答案。谢谢。太好了，谢谢你。太完美了。

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