html - IDやクラスなしで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

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/

Answer 2

投稿したコードから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);}