2016-08-16 130 views
-2

我想做一个div作为链接,并告诉用户,这是一个链接,我想做一个不同颜色的悬停。但是这里有一个问题:在我的div里有两个独立的div的图片和文字。Div与CSS悬停

div { 
    :hover { 
    background-color: light cyan; 
} 

当我用鼠标悬停在一个div的结果是: enter image description here

enter image description here

但我需要的所有的div变成彩色。你可以帮我吗?

+0

你试过这个'div:hover {background-color:light cyan;}'? – jonju

+0

更多的代码示例会很棒。我建议你做这样的事情:https://jsfiddle.net/cw2gb642/ –

+3

完全有效的包装图像和文字实际链接''标签。你为什么不这样做? – Aziz

回答

1

您可以在一个DIV插入您既div标签,并设置一个类一些CSS

.exampleclass:hover { background-color: light cyan; }

和使用,以及你想要的。 否则如果你想要更多的东西给我。 然后请提供html和css两种代码来进行更改并为您更好。 :)

0

这真的很容易,可能是一些sass的包,但是当我做了div:hover{backgroun‌​d-color: light cyan;}它真的解决了这个问题。

谢谢你,jonju。

+0

如果您坚持使用div,您可能还想添加'cursor:pointer'。 – Aziz