将鼠标悬停在儿童身上，影响父母。可能只有CSS？

Question

是否有可能影响用户的父对象将鼠标悬停在CSS3上的孩子身上？

即

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

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

我知道使用JQuery，JS等很容易。但是想尽可能远离JS。

Answer 1

今天使用ONLY css是不可能的，但是如果你想做一些简单的事情，比如当你悬停内部元素时更改父背景，你可以使用兄弟模拟背景。这样您就可以使用＆＃34; +＆＃34;来实现结果。选择器。

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

然而，要做到这一点，你必须使用绝对定位并处理它的副作用，例如居中和明确的维度，这里有一个例子：{{3} }