css 當中如何實現一個元素的hover, focus 狀態改變其他元素的樣式？

01-07

我的想法是： A:hover { 改變 B 的樣式 }，
這樣很多效果就不需要用到javascript了，但是我自己辦不到，有辦法實現嗎？

做過類似的css hack，首先A和B有共同的父級C

C:hover&>A{新樣式}

C&>A:hover{舊樣式}

可能需要！improtant的幫助和解決其他一些小問題，但思路就是醬紫的

------

AB搞反了不好意思

已經修改

只要可以通過selector從a到b 就可以 hover後面可以繼續跟selector

這個就是css選擇器的使用情況了，假設懸浮元素是a，樣式改變元素是b,倆個元素之間的關係就是b是a的子元素就可以使用a:hover&>b{....}

還有就是b剛好是a的同級元素並且是緊接著的，就可以a:hover+b{....}

還有就是b這一類的元素都是a的同級元素並且是a元素之後的就可以a:hover~b{....}

還有就自己去看吧

A:hover B{ 改變 B 的樣式 }

這樣的話A得是B的父級，像這樣：

& && &

這種寫法不兼容ie6（ie6只支持a鏈接偽類）

那a元素之前的呢

CSSGAMES：純CSS實現五星評價效果 - 個人文章 - SegmentFault
寫實現的時候翻到這個問題，特來還願