当一个div元素里面的图像悬停时获得另一个div元素？

Question

所以在CSS这是可能的：

#Something1:hover .Something22 {...} 

但是，当我把它像这样：

#Something1 img:hover .Something22 {...} 

它不工作。这可能只是图像？

Answer 1

#Something1 img:hover .Something22 {...} 

将意味着与Something22类的元素是img元素中。这不会有效。

如果用Something22类的元素只是图像后，也许你想

#Something1 img:hover + .Something22 {...} 

或者，如果你的形象是Something22类的，那么你就需要这样的：

#Something1 img.Something22:hover {...} 

Answer 2

后者犯规因为img元素永远不会有后代。这只是无效的HTML。

引述的HTML语法spec（重点煤矿）：

一个空元素是一种元素，它的内容模型从未它允许 有在任何情况下的内容。空元素可以具有 属性。

以下是在HTML空隙元素的完整列表：

区域，基，BR，山口，命令，嵌入，小时，IMG，输入，密钥生成，链接，间位，PARAM，源，跟踪，WBR

Answer 3

的原因是你的第一选择：

#Something1:hover .Something22 {...} 

选择具有类Something22是与一个元素中的项ID Something1正在被盘旋。

你的第二堂课选择一个图像内的类Something22的项目。图像不能包含其他元素，因此您的第二个选择器不起作用。

Answer 4

好了，你可以使用jQuery

$('#Something1 img').hover(
    function(){ 
     // do you stuff with Something22 here 
    }, 
    function(){} 
);