スタイルシートのリンク要素について

質問

スタイルシート。特定のIDセレクタにa要素を指定する方法を教えて下さい。

a:link{color:#FFFFFF}
この場合はスタイルシートを適用すればページすべてに反映。

li a:link{color:#FFFFFF}
これなら＜li＞にのみ適用ですよね？

そこでたとえば
#abcd　というIDにのみa:linkを適用させる場合はどのようにしたらよいのでしょうか？

回答No.1

nara-0314 · ベストアンサー

#abcd a:link{
　　color:#FFFFFF;
　　}
で大丈夫ですよ。

お礼

回答ありがとうございます。
半角スペースの場所を間違えたりして、うまくできなかったようです。
助かりました。

回答No.3

ORUKA1951

「特定のIDセレクタにa要素を指定する方法を教えて下さい。」「#abcd　というIDにのみa:linkを適用させる場合はどのようにしたらよいのでしょうか？」
という質問の意味を私は、
『特定のIDを持つ要素にリンクするa要素を指定する方法』すなわち、

<li>
　<a href="#abcd">abcdへのリンク</a>
</li>
　のa要素を指定する方法と読み取ったのですが、ひょっとして「一意セレクタ」のことですか？　
　そうじゃないですよね。

お礼

再びありがとうございます。

「一意セレクタ」のことでした。文章がわりづらかったかもしれません。求めていた回答はNO.１の方のものでした。

しかしながら、いつもスタイルシートの参考書を見ながらサイトを構築しているのですが、さきほどお答えいただいたような詳細な説明はありませんでした。大変参考になりました。

回答No.2

ORUKA1951

セレクタ(選択肢)には次のものがあります。
全称セレクタ　　* なんにでも
タイプセレクタ　　要素に
子孫セレクタ　[ ]半角スペースで区切る
子セレクタ　　　> 直接の子孫へ
隣接セレクタ　　+ 弟要素に
属性セレクタ
　　[属性]　　　
　　[属性名=属性値]
　　[属性名~=属性値]
　　[属性名=属性値]---ハイフンを含む属性値の前方の文字
クラスセレクタ
一意セレクタ

さて、この場合は、属性値を言うわけですから
li a[href=#abc]:link{ プロパティ }
で行きそうですが、だめですね。#が邪魔をしている？
<li><a href="abc">
には、li a[href=abc]:linkで指定できるので。URIは属性値としてOKなはずですが。

お礼

回答ありがとうございます。