将鼠标悬停在小孩身上，影响父母。只用CSS可能吗？

是否有可能影响用户将鼠标悬停在CSS3中的父级对象上？将鼠标悬停在小孩身上，影响父母。只用CSS可能吗？

即

<div class="random"> 
<img src="image.png"> 
</div> 

.random img:hover { 
    somehow affect .random? 
}

我知道这是很容易做到与jQuery，JS等，但希望掌控从远离JS尽可能。

来源

2013-05-07 Dominic England

目前这不是可能的，但是有关于在CSS中引入父代选择器的讨论。 – Sirko 2013-05-07 18:24:03

[有没有CSS父选择器？]（http://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector）（[接受的答案]（http：// stackoverflow .com/a/1014958/419956）提到了CSS2，CSS3和CSS4） – Jeroen 2013-05-07 18:24:18

啊，可惜，欢呼的答案虽然。抱歉找不到以前提出的问题。 – 2013-05-07 18:55:32

仅今天使用css是不可能的，但是如果你想做简单的事情，比如当你将内部元素悬停时改变父母的背景，你可以使用兄弟模拟背景。这样您就可以使用“+”选择器实现结果。

<div class="container"> 
    <span class="content">something</span> 
    <span class="bg"></span> 
</div>

然而，要做到这一点，你必须使用绝对定位工作和处理与它的副作用，比如中心的东西和明确的尺寸，这里有一个例子：http://jsfiddle.net/PYN6P/

来源

2014-03-11 15:14:33

将鼠标悬停在小孩身上，影响父母。只用CSS可能吗？

回答

相关问题