OKWaveが大リニューアル！ただいまβ版公開中

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


OKWaveコミュニティー
新規ユーザー登録（無料）今すぐ登録しよう！！
はじめての方へ OKWaveではこんなことができます！
カテゴリ
[ 一覧 ]
TOPへ戻る
[技術者向] コンピューターへ戻る
プログラミングへ戻る
ピックアップ
［ 特集一覧 ］
ブラック会社の喜怒哀楽
ブラック会社の喜怒哀楽
現代を生き抜く知恵と努力！あなたの未来を明るく照らします！
OKWaveスタッフブログ
OKWaveスタッフブログ
OKWaveスタッフから便利でお得な情報をQ&Aと共にご紹介します！
好きだからこそ切ない！恋愛特集
好きだからこそ切ない！恋愛特集
「会いたいときに会えない」そんな切ない思いを恋愛で体験したことはありませんか？
その他の特集はこちらからご覧下さい
おすすめリンク
お知らせ
［一覧］
[ さらに詳しく ]
インタレストマッチ（詳細）

質問
質問者：1minn スタイルシートのリンク要素について
困り度：
  • 困っています
 スタイルシート。特定のIDセレクタにa要素を指定する方法を教えて下さい。

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

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

そこでたとえば
#abcd　というIDにのみa:linkを適用させる場合はどのようにしたらよいのでしょうか？
質問投稿日時：08/10/30 23:53
質問番号：4442589
この質問に対する回答は締め切られました。
最新から表示｜回答順に表示｜良回答のみ表示

回答

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

<li>
　<a href="#abcd">abcdへのリンク</a>
</li>
　のa要素を指定する方法と読み取ったのですが、ひょっとして「一意セレクタ」のことですか？　
　そうじゃないですよね。
種類：補足要求
どんな人：専門家
自信：参考意見
回答日時：08/10/31 00:37
回答番号：No.3
この回答へのお礼再びありがとうございます。

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

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

回答

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

さて、この場合は、属性値を言うわけですから
li a[href=#abc]:link{ プロパティ }
で行きそうですが、だめですね。#が邪魔をしている？
<li><a href="abc">
には、li a[href=abc]:linkで指定できるので。URIは属性値としてOKなはずですが。
種類：回答
どんな人：専門家
自信：参考意見
回答日時：08/10/31 00:32
回答番号：No.2
この回答へのお礼回答ありがとうございます。

回答

良回答20pt
回答者：nara-0314 #abcd a:link{
　　color:#FFFFFF;
　　}
で大丈夫ですよ。
種類：回答
どんな人：経験者
自信：自信あり
回答日時：08/10/31 00:23
回答番号：No.1
この回答へのお礼回答ありがとうございます。
半角スペースの場所を間違えたりして、うまくできなかったようです。
助かりました。
最新から表示｜回答順に表示｜良回答のみ表示
IEでtitleが表示されな...
更新ページを書き換える
インタレストマッチ（詳細）
このページのトップへ