css優先度調整-全体設定a:hoverを解決する方法

css優先度

id>class>tag

同レベルのセレクタが多ければ多いほど、優先度が

高くなる.
したがって、

は、idを加算優先度を高くすることによって、

を解決することができる.

が使えます!importantは、最大

a:hover{
color:#333!important;
}

の優先度を設定します.
だって!importantはお勧めしません(原因はあまり言いません)

第3のaラベルの原理を理解する

a{
    color:#333;
}

上のコードはaのスタイルしか設定されていませんが、実際にはa:hover a:link a:activeが設定されています
したがって、aのデフォルト色を設定する場合は
このように設定できます

a:link{
   color:#333;
}

そしてa:hoverを設定すると優先度の問題はありません