この 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つの異なる背景が必要です。本当に可能です。誰でも私を助けてください:)
2241 次
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);
}
古いブラウザーは属性セレクターを無視する可能性があるため、サポートを確認してください。
于 2012-11-23T17:09:17.563 に答える
1
投稿したコードから2つのリンクを区別する方法を見つける必要があります。それらは、それらが指す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 に答える