作者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/cn.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