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>

Answer 1

是的，这是可能的，您可以使用 a[href$=".pdf"] 来完成，有关更多详细信息，请阅读此处。 https://css-tricks.com/attribute-selectors/

a[href$=".pdf"] {
  background-color : red; 
  color : #fff;
}

<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>