プロが教えるわが家の防犯対策術！

スタイルシートで一部分だけ　リンクの色を変えたい

解決済

  • 質問者：tisnora
  • 質問日時：
  • 回答数：7件

CSSでリンクの色をかえるのにa:link{}　a:visited{} などを使っています。別の場所にCSSファイルを作って使っています。
ページに多数存在するリンクのうち、一部分だけ色を変えたいときはどうすればいいでしょうか？
<divc class=""></div>などでは無理ですよね
body内に直接記述するしかないのでしょうか？

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (7件)

No.2ベストアンサー

  • 回答者： z_liang_00
  • 回答日時：

この方法は如何でしょうか。



<html>
<header>
<style type="text/css">
<!--
a:link {color:red; }
a:visited { color:orange; }
#poi { color: green ; }
-->
</style>
</header>
<body>
<a href="poi.html">りんく１</a><BR>
<a href="poi.html" id="poi">りんく２</a>
</body>
</html>

この回答への補足

#α id=α　これは具体的に何をしているのか簡単でいいので説明していただけますか？

補足日時：2005/01/24 16:23
通報する
    • good
    • 0
    • 件
通報する

No.7

  • 回答者： goldfox
  • 回答日時：

クラス名は<a>タグは後ろ、<p>、<div>などは前に付けます。

注意しましょう。

a.aa {color:#555555}
a:vlink.aa {color:#FF0000}
a:hover.aa {color:#0000FF}
.bb a {color:#cccccc}
.bb a:vlink {color:#FF00FF}
.bb a:hover{color:#00FF00}

<a href="aaa.html" class="aa">aaa</a>
<p class="bb"><a href="bbb.html">bbb</a></p>
    • good
    • 0
    • 件
通報する
この回答へのお礼

クラス名の位置のことわかりやすかったです
ありがとうございました

通報する
お礼日時：2005/01/25 14:25

No.6

こんな感じですか？



a.style1 {color: #FF00FF}
a.style2 {color: #FF0000}
a.style3 {color: #000000}
<a href="aaa.html" class="style1">aaa.html</a>
<a href="bbb.html" class="style2">bbb.html</a>
<a href="ccc.html" class="style3">ccc.html</a>

どうでしょう？
    • good
    • 0
    • 件
通報する
この回答へのお礼

よくわかりました
ありがとうございました

通報する
お礼日時：2005/01/25 14:26

No.5

aタグにクラス設定すればよいのではと思われます。


(divやspanでも可能でしょう)


a:link.aaa {color:xxx}
a:visited.aaa {color:xxx}


<a href="" class="aaa"></a>
    • good
    • 0
    • 件
通報する
この回答へのお礼

a.aaa:linkという書をしていましたが普通しないんですね
ありがとうございました

通報する
お礼日時：2005/01/25 14:29

No.4

  • 回答者： z_liang_00
  • 回答日時：

＃２です。



「とほほ」に、色々と詳しく載っていますよ。

参考URL：http://www.tohoho-web.com/css/basic.htm
    • good
    • 0
    • 件
通報する
この回答へのお礼

見てみることにします
２度の回答どうもありがとうございました

通報する
お礼日時：2005/01/25 14:31

No.3

  • 回答者： partita
  • 回答日時：

＞今まではクラスは単独で使ってきましたが



クラスはpでもaでもinputでも、なんでも使えると思ってください。ただし、記述方法に注意。

a.link { color:black }
のようにクラス設定すると、タグ<a>内に限定されますが、

.link { color:black }
にすると、タグ指定がないので、pやa、spanなど複数種のタグにまたがって適用可能です。

参考URL：http://www.cybergarden.net/webcss/basic.html
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございました。
HTMLを軽量化できました＾＾

通報する
お礼日時：2005/01/25 14:30

No.1

  • 回答者： partita
  • 回答日時：

a.link1:link


a.link1:visited

a.link2:link
a.link2:visited

のように、aタグにクラスを設定することは可能です。
それぞれのクラスで別々の色を設定すればいいです。

この回答への補足

クラスはaタグにしか使えないのでしょうか？
今まではクラスは単独で使ってきましたが、pタグなどには使えないのですか？
初心者ですみません

補足日時：2005/01/24 16:58
通報する
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報