[問題] CSS 相鄰物件選擇器

[visa9527 (高級伴讀士官長)]

我現在有兩個 div

<div class="a"></div>
<div class="b"></div>

我想要使用 hover 效果移到其中一個時另一個也會跟著改變背景顏色

如果我使用
.a:hover + .b
那麼移到 a 的時候的確 b 會跟著變色


但是若我使用
.b:hover + .a
或
.b:hover ~ .a
不管怎樣我移到 b 的時候 a 都不會變色
用 + 或 ~ 都只對它之後的同一層 div 有作用

請問要怎麼樣去選擇到它之前的同一層 div ?

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 60.248.96.95
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1446633074.A.16E.html
推 Ken52039: 『+』我用到現在的心得是：好像只能控制是相鄰的下一個
→ Ken52039: 元素
→ Ken52039: 其實你可以用:not(:hover)
→ Ken52039: 範例：http://codepen.io/ianfarb/pen/EJunm
推 iamnodoubt: 單純就selector設定就是這樣,被雷過一次就記起來了
→ visa9527: 謝謝，但:not應該是無法解決我的問題了
→ visa9527: 因為那一層的 div 有二十個，每次只有其中兩個要變色
→ visa9527: 不管 + 或 ~ 都只能控制下一個或下 N 個，不能控制上1個
推 Peruheru: 目前的都只能找到一個以後繼續往後找，不能找回上一個
→ Peruheru: 你要的作法只能用js解決了，比如jquery的方法
→ Peruheru: $('ul').prev('h2').addClass('highlight')
→ Peruheru: http://tinyurl.com/olkaxug 來源
→ visa9527: 了解，謝謝