:hoverで他の要素の値を変更できますか？

CSSで擬似要素「:hover」をつけることで従来Javascriptで行なわれていたオンマウス処理を実現することができますが、オンマウスした要素以外の要素に別のスタイルを適用することって可能でしょうか？

＜html＞
<div id="one">one</div>
<div id="two">two</div>

＜CSS＞
#one:hover {
color: red;
}

上の例では#oneがオンマウスすると文字色がredに変化しますが、同時に#twoの文字色をblueにしたいのです。無理ならJavascriptで代用しますが、オンマウス処理みたいにCSSでできた方がスマートかなと思うので、可能であればその方法を使いたいです。

No.3 回答者： steel_gray 回答日時： 2007/10/10 15:09

例題どおりなら…

#one:hover + #two{
color: red;
}
one と two が隣接している場合に限ります。
http://msugai.fc2web.com/web/CSS/selector.html#a …

また、IEは7から実装（IE6以前、IE7・互換モードでは動作しません。）

No.2 回答者： SAYKA 回答日時： 2007/10/10 14:31

離れてると無理だけど　これじゃだめ？

<div id="zero">
　<div id="one">one</div>
　<div id="two">two</div>
</div>


#zero:hover #one { color:red; }
#zero:hover #two { color:blue; }

No.1 回答者： himajin100000 回答日時： 2007/10/10 13:53

できません。