作者visa9527 (高級伴讀士官長)
看板Web_Design
標題[問題] CSS 相鄰物件選擇器
時間Wed Nov 4 18:31:11 2015
我現在有兩個 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://webptt.com/m.aspx?n=bbs/Web_Design/M.1446633074.A.16E.html
1F：推 Ken52039: 『+』我用到現在的心得是：好像只能控制是相鄰的下一個 11/04 18:40
2F：→ Ken52039: 元素 11/04 18:41
3F：→ Ken52039: 其實你可以用:not(:hover) 11/04 18:43
5F：推 iamnodoubt: 單純就selector設定就是這樣,被雷過一次就記起來了 11/04 20:34
6F：→ visa9527: 謝謝，但:not應該是無法解決我的問題了 11/05 16:13
7F：→ visa9527: 因為那一層的 div 有二十個，每次只有其中兩個要變色 11/05 16:14
8F：→ visa9527: 不管 + 或 ~ 都只能控制下一個或下 N 個，不能控制上1個 11/05 16:14
9F：推 Peruheru: 目前的都只能找到一個以後繼續往後找，不能找回上一個 11/05 17:29
10F：→ Peruheru: 你要的作法只能用js解決了，比如jquery的方法 11/05 17:30
11F：→ Peruheru: $('ul').prev('h2').addClass('highlight') 11/05 17:31
13F：→ visa9527: 了解，謝謝 11/05 17:44