html - CSS id リンクの「border」属性が完全に無視される原因は何ですか?

Question

非常に大きな CSS ファイルを継承し、id次のように特定のファイルを追加しました。

#specialLink a, #specialLink a:link, #specialLink a:active, #specialLink a:visited
{
    border:solid 1px #000000; 
    background-color:#CC0000;
}

ただし、のようにリンクで使用すると、上記<a id="specialLink" href="whatever.htm">Test Link</a>の属性は完全に無視されborderますが、属性は尊重されbackground-colorます。

idCSS のタグには最終的な優先順位があると信じるようになりました。border属性が完全に無視される原因は何でしょうか?

score 1 · Accepted Answer

セレクターが正しくありません。あなたが持っている：

#specialLink a {}

これは、ID を持つ要素の子孫であるアンカー要素と一致します#specialLink。

<div id="specialLink">
    <a href="#">Anchor</a>
</div>

あなたが望むのは：

a#specialLink {}

セレクターが一致するように：

<a href="#" id="specialLink">Anchor</a>

score 0 · Accepted Answer

#specialLink aA"specialLink" の ID を持つラッピング要素内のタグを参照します。

#specialLinkすでに一意の ID を持っているため、リンクのスタイルを設定するには、それ自体を使用する必要があります。

#specialLink {
   ...
}

2 に答える 2