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

解決済みの質問

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

スタイルシートのリンク要素について
スタイルシート。特定の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

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

回答(3

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

新着

あなたの愛車は今いくら?

愛車無料査定Q&A特集

ニキビケアQ&A特集

スッピンでも輝くモテ美肌に。

教えて!みんなの婚活Q&A特集

みんなの婚活体験談、秘訣がいっぱい!

お部屋探しはCHINTAI

マチから探せる新しいお部屋探し!

注目ピックアップ

OKちゃんねる

OKWaveからみなさんに質問!

OKWave2009年ランキング

話題のQ&Aをランキングでご紹介!

スタッフブログ

知って得する!お得な情報をお届け!

おすすめリンク