:hover疑似クラスは宣言順序に注意が必要

http://www.mozilla.gr.jp/standards/webtips0012.html

親要素をhoverすると子要素だけ変化する方法

ただ単純に:hoverのあとにdivなどをいれればいいだけらしい
知らなかった

例 .test :hover div{width:100px;}

リンク色

a:link { color: #; }
a:visited { color: #; }
a:hover { color: #; }
a:active { color: #; }