Blogのリンクの文字の色

このBlogはWordPress でThemeはNitrousを使っている。

Nitrousではリンクされている文字の色が指定されていないのでわかりにくい。リンクされている文字の色についての決まりはないが、たいてい0000ff の場合が多い。そこでスタイルシート (style.css) を書き換えた。header も footerもside barも一括してリンク文字の色、形を設定するようになっている。

外観(Theme)>テーマ編集>スタイル>スタイルシート (style.css) 見ると

/************************************************
* Hyperlinks *
************************************************/
a, a:visited {
color: #0B3949;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

となっている。これを

************************************************
* Hyperlinks *
************************************************/
a, a:link {
color: #0000ff;
text-decoration: none;
}
a, a:visited {
color: #800080;
text-decoration: none;
}
a:hover {
color: #ff0000;
text-decoration: underline;
}

に書き換えた。
a:link { color: #0000ff; } … 未訪問のリンク
a:visited { color: #800080; } … 訪問済みのリンク
a:hover { color: #ff0000; } … ポイント時のリンク
a:active { color: #ff8000; } … 選択中のリンク
の意味だ。ink 、visited、hover、active の順で記述する必要があるらしい。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください