0

我想更改此 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 个不同背景。是真的有可能。任何人都可以帮助我:)

4

2 回答 2

1

您可以使用 CSS 属性选择器仅对带有与您提供的链接匹配的 href 的链接进行样式设置。例子:

a[href="http://www.domain.com/index.html"],
a[href="http://www.domain.com/index.php"]{
    background:url(../images/image.png);
}

您还可以使用以下规则匹配所有带有以http://www.domain.com开头 的 href 的链接

a[href^="http://www.domain.com"]{
    background:url(../images/image.png);
}

请检查支持,因为旧版浏览器可能会忽略属性选择器。

http://css-tricks.com/attribute-selectors/

于 2012-11-23T17:09:17.563 回答
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);}
于 2012-11-23T17:09:21.990 回答