CSS更改悬停时没有同级或子元素属性
问题描述:
我想知道是否有能力更改不是元素的直接子元素或元素的兄弟元素悬停的元素的CSS。CSS更改悬停时没有同级或子元素属性
<style>
.one:hover .two {
color:red;
}
</style>
<div>
<div class="one">
111
</div>
</div>
<div class="two">
222
</div>
答
除非你父元素添加到两个,让他们有儿童/姐妹关系,不可能完全基于CSS。
您需要的JavaScript,但表现出多么容易这样就可以了,我会弥补CSS
http://jsfiddle.net/hgd0drky/1/
<div class="one">
<div >
111
</div>
<div class="two">
222
</div>
</div>
CSS
.one:hover div {color:red;}
.one:hover .two {color:red;}
这仅仅是一个扩展您的码。
+0
赫赫问题是,如果它可以与特定序列的div的工作,我知道如何使其正常工作... – 2014-12-08 19:29:43
+0
我明白你的问题,答案是,它不可能没有Javascript – skv 2014-12-08 23:25:40
你想设置两个元素悬停的属性吗?没有任何孩子或父母的关系? – skv 2014-12-08 01:33:34
我不认为只有CSS才有可能。你将需要一些javascript – user1709251 2014-12-08 01:37:04
这个问题已被问了很多次,请更努力地搜索。唯一的选择是''标签=''黑客。 – 2014-12-08 04:45:13