その5・リンクとh2（日付）

日記タイトルの次に大きな見出し、h2の指定をしますが、その前にリンク（a）の指定を。とりあえず、未訪問は青、訪問済は紫という定石に従っておきます（紫というよりはだいぶ灰色だけど……）。

a:link {  /* 未訪問リンク */
 color: #102090;
 background-color: transparent;
 text-decoration: underline;
}
a:visited {  /* 訪問済リンク */
 color: #706090;
 background-color: transparent;
 text-decoration: underline;
}
a:hover {  /* マウスオーバー時 */
 text-decoration: none;
}

……けど、マウスオーバー時に下線を消す指定をしているのに、消えない。h3だけは消える。IEでは想定通りになってるので、Operaの不具合？
ついでに、画像をリンクしたときの枠線をなしにする。

a img {
 border: none;
}

h2は、はてなダイアリーでは日付になってるところ。そんなに目立たなくていいか……灰色で。

h2 {
 color: #555555;
 background-color: transparent;
 font-weight: bold;
 font-size: 1.2em;
 text-align: center;
 padding: 0.2em;
 margin: 0.5em 0;
}

これだけだと、リンクの色が優先されてしまうので。

h2 a:link, h2 a:visited, h2 a:hover {
 color: #555555;
 background-color: transparent;
 text-decoration: none;
}