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

解決済みの質問

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

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

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

li a:link{color:#FFFFFF}
これなら<li>にのみ適用ですよね?

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

投稿日時 - 2008-10-30 23:53:34

QNo.4442589

困ってます

質問者が選んだベストアンサー

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

投稿日時 - 2008-10-31 00:23:55

お礼

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

投稿日時 - 2008-10-31 07:26:43

ANo.1

1人が「このQ&Aが役に立った」と投票しています

[  前へ  |  次へ ]

ベストアンサー以外の回答(2件中 1~2件目)

ANo.3

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

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

投稿日時 - 2008-10-31 00:37:29

お礼

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

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

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

投稿日時 - 2008-10-31 07:46:56

ANo.2

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

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

投稿日時 - 2008-10-31 00:32:38

お礼

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

投稿日時 - 2008-10-31 07:43:50

あわせてチェックしたい
  • a:hover{color:#00ff00} ...
  • CSS:全称セレクタの使用について ...
  • 外部スタイルシートでのスクロールバー ...
PR
【回答募集中】花粉にひと言、物申す![ 詳細 ]

OKWaveのオススメ

教えて弁護士さん!

お金の悩みQ&A特集はこちら