a:hoverをなどを指定しているサイトでid毎、class毎に設定するには？

このブログはリンクにカーソルを合わせたときに背景色が変わるように、CSSで指定している。

a:hover {
 color: $linkColor;
 background-color: #ccddee;
}

ただタイトルのロゴのように、同じページ内で背景色を変えたくない場合もある。
そういう場合は下記のように記述している。（IDの場合）

#header a:hover {
 background-color: #fffaf0;
}

classで指定している場合は以下のような指定方法がいいようだ。
(hogehogeクラスのa:hoverを個別に指定したい場合）

a:hover.hogehoge {
 background-color: #fffaf0;
}

ただbloggerのデフォルトでは下記のような指定方法を記述していた。

h1.title a, h1.title a:visited {
 color: $headerTextColor;
 text-decoration: none;
}

ちなみにW3Cのサンプルはまた違う書き方だったりする。
http://www.y-adagio.com/public/standards/tr_css2/selector.html#link-pseudo-classesより引用

<a class="external" href="http://out.side/">external link</a>

その場合，次の規則により，リンクは青になる。

A.external:visited { color: blue }

どれを使えばいいのやら・・・。