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

看板Web_Design作者 (高級伴讀士官長)時間8年前 (2015/11/04 18:31), 編輯推噓3(3推 0噓 10→)
留言13則, 4人參與, 最新討論串1/1
我現在有兩個 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
推
11/04 18:40, , 1F
『+』我用到現在的心得是：好像只能控制是相鄰的下一個
11/04 18:40, 1F
→
11/04 18:41, , 2F
元素
11/04 18:41, 2F
→
11/04 18:43, , 3F
其實你可以用:not(:hover)
11/04 18:43, 3F
→
11/04 18:43, , 4F
11/04 18:43, 4F
推
11/04 20:34, , 5F
單純就selector設定就是這樣,被雷過一次就記起來了
11/04 20:34, 5F
→
11/05 16:13, , 6F
謝謝，但:not應該是無法解決我的問題了
11/05 16:13, 6F
→
11/05 16:14, , 7F
因為那一層的 div 有二十個，每次只有其中兩個要變色
11/05 16:14, 7F
→
11/05 16:14, , 8F
不管 + 或 ~ 都只能控制下一個或下 N 個，不能控制上1個
11/05 16:14, 8F
推
11/05 17:29, , 9F
目前的都只能找到一個以後繼續往後找，不能找回上一個
11/05 17:29, 9F
→
11/05 17:30, , 10F
你要的作法只能用js解決了，比如jquery的方法
11/05 17:30, 10F
→
11/05 17:31, , 11F
$('ul').prev('h2').addClass('highlight')
11/05 17:31, 11F
→
11/05 17:31, , 12F
11/05 17:31, 12F
→
11/05 17:44, , 13F
了解，謝謝
11/05 17:44, 13F
‣ 更多 visa9527 的文章
文章代碼(AID): #1METvo5k (Web_Design)