在css中悬停不同的div

时间:2015-10-07 22:45:16

标签: html css3 hover

我正在尝试将一些悬停效果应用于div内的图像。在html

中有这样的东西
<div class="hey">
 <img src="./img/pic.png">
</div>

在css我试过像

这样的东西
.img:hover { some css code goes here}

这很好用。但是,如果我想将这些更改应用于整个img标签但仅限于#34;嘿&#34;类?做这样的事情可以吗?

。他[img:hover] {一些css代码...我认为这不起作用}

5 个答案:

答案 0 :(得分:0)

我会在div上使用悬停。

protractor

答案 1 :(得分:0)

你试过这个吗?

.hey .img:hover{
  some css code
}

答案 2 :(得分:0)

我会尝试.hey:hover { css code }

答案 3 :(得分:0)

我试过这个

.hey:hover img{ some css code } 

它对我有用:)

答案 4 :(得分:-1)

找到一个带示例的链接

<div class="hey">
 <img class='img' src="./img/pic.png">
</div>

.img ~ .hey{

}

从这里采取: http://jsfiddle.net/ThinkingStiff/a3y52/