ｃｓｓ で一部のハイパーリンクの色を変えたい

質問

デフォルトでは 27595a というカラーで各リンクに対してハイパーリンクを貼り、Title という ID 内のみハイパーリンクに触れた時やハイパーリンクそのものの色を白にしたい場合、どのように css を書けばいいいですか？

色々やってみたのですが、うまくいきません。
ご教授よろしくお願い致します。

<style type+"text/css">
a:link {
text-decoration: none;
color: #27595a;
font-family: "メイリオ","Meiryo","Tahoma","Courier New";
}

a:visited {
text-decoration: none;
color: #27595a;
font-family: "メイリオ","Meiryo","Tahoma","Courier New";
}

a:active {
text-decoration: none;
color: #27595a;
font-family: "メイリオ","Meiryo","Tahoma","Courier New";
}

a:hover {
text-decoration: none;
color: #27595a;
font-family: "Tahoma","メイリオ","Meiryo","Courier New";
}
</style>

<div id="Title"><a href="./" target="_top">Toppage</a></div>

回答No.2

noname#119508 · ベストアンサー

質問をよく見てませんでした。すみません。
<style type="text/css">
<!--
#Title a:link {
text-decoration: none;
color: #ffffff;
font-family: "メイリオ","Meiryo","Tahoma","Courier New";
}

#Title a:visited {
text-decoration: none;
color: #ffffff;
font-family: "メイリオ","Meiryo","Tahoma","Courier New";
}

#Title a:active {
text-decoration: none;
color: #ffffff;
font-family: "メイリオ","Meiryo","Tahoma","Courier New";
}

#Title a:hover {
text-decoration: none;
color: #ffffff;
font-family: "Tahoma","メイリオ","Meiryo","Courier New";
}
a:link {
text-decoration: none;
color: #27595a;
font-family: "メイリオ","Meiryo","Tahoma","Courier New";
}

a:visited {
text-decoration: none;
color: #27595a;
font-family: "メイリオ","Meiryo","Tahoma","Courier New";
}

a:active {
text-decoration: none;
color: #27595a;
font-family: "メイリオ","Meiryo","Tahoma","Courier New";
}

a:hover {
text-decoration: none;
color: #27595a;
font-family: "Tahoma","メイリオ","Meiryo","Courier New";
}
-->
</style>
で良いですかね。

お礼

ベストアンサーでした。
どうもありがとうございました。

回答No.1

noname#119508

僕はこんな感じに書きますね。
==========================
スタイルシートソース
==========================
<style type="text/css">
<!--
#Title a:link {
text-decoration: none;
color: #27595a;
font-family: "メイリオ","Meiryo","Tahoma","Courier New";
}

#Title a:visited {
text-decoration: none;
color: #27595a;
font-family: "メイリオ","Meiryo","Tahoma","Courier New";
}

#Title a:active {
text-decoration: none;
color: #27595a;
font-family: "メイリオ","Meiryo","Tahoma","Courier New";
}

#Title a:hover {
text-decoration: none;
color: #27595a;
font-family: "Tahoma","メイリオ","Meiryo","Courier New";
}
-->
</style>
==================================
<div id="Title"><a href="./" target="_top">Toppage</a></div>
==================================
変更点
：<style type+"text/css">から<style type="text/css">にした
：TitleのIDだけにリンクの色などを適用するようにした
：<style type="text/css">のあとに『<!--』を入れた
：</style>の前に『-->』を入れた。
などです。

お礼

style type+ のところは style type= と書いたつもりでしたが、記述ミスです。

#Title a:link
#Title a:visited
#Title a:active
#Title a:hover

の指定で実現できました。
どうもありがとうございました。