html - 如何在没有 id 或 class 的情况下更改 CSS 样式

Question

我想更改此 2 链接的背景 <a href="http://www.domain.com/index.html">
<a href="http://www.domain.com/index.php">
但条件是我不能在这里添加任何类或 Div id。我也不能碰这个 html 代码。只是我需要从外部添加一些 css。我的意思是在主 style.css 表中。有可能吗？我试过这个代码 a { background:url(../images/image.png);}但问题是它改变了整个链接的页面背景。但我想要 2 个链接的 2 个不同背景。是真的有可能。任何人都可以帮助我:)

Answer 1

你需要找到一种方法来区分这两个链接，从你发布的代码来看，它们只在它们指向的 url 上有所不同，所以你可以使用这个:

/* anchors with href attribute ending in index.html */
a[href$='index.html'] { background:url(../images/image.png);}

/* anchors with href attribute ending in index.php */
a[href$='index.php'] { background:url(../images/image2.png);}