我学习并使用css和css3大约2年但我不知道一件事我无法找到一个非常好的答案或解决这个问题。
所以这是一个例子:
我创建了一个div,在这个div中我们有一个链接(它是一个按钮)。
当我将鼠标悬停在div上时,这个div会改变bg颜色,但链接不会因为我在div之上...... 所以当我在div上面这个div和链接也会改变颜色或者背景这就是我需要的......但是怎么做呢?我从来没有用过这个,但现在我想我下次的工作需要这个:))
非常感谢!
答案 0 :(得分:3)
使用css很容易实现:(working jsFiddle)
HTML:
<div class="container">
<a class="button">some text</a>
</div>
CSS:
.container:hover{
background-color:red;
}
.container:hover .button{ // selector for .button which is in a hovered .container
background-color:blue;
}
答案 1 :(得分:2)
试试这个:
<div id="test">
<a href="#">A link</a>
</div>
CSS:
div#test:hover {
background-color: red;
}
div#test:hover a {
background-color: red;
}
答案 2 :(得分:1)
答案 3 :(得分:-1)
希望demo link能为您服务。
*{
padding:0;
margin:0;
}
body {
font:normal 12px/18px Arial, Helvetica, sans-serif;
color:#000;
padding:20px;
background-color:#F2F2F2;
}
ul, li, ol {
list-style-type:none;
}
.wrapper {
width:95%;
padding:10px;
overflow:hidden;
height:100%;
margin:0 auto;
border:1px solid green;
}
.spacer {
clear:both;
font-size:0;
line-height:0;
height:0;
}
.wrapper:hover {
background-color:#999999;
cursor:pointer;
}
.btmoOne {
width:170px;
margin:0 auto;
height:20px;
background-color:#FF0000;
padding:10px;
}
.wrapper:hover .btmoOne {
background-color:#006600;
}