純CSS3方法可以解決么？鼠標浮動在A上時，B和C還有D觸發(fā)動畫效果。
2 回答
已采納
qq_青棗工作室_0
TA貢獻446條經(jīng)驗 獲得超754個贊
當然可以。利用 :hover 加上各種CSS選擇器的定位技巧。
<!DOCTYPE?html>
<style>
.A?{
line-height:?40px;
}
.B,?.C,?.D{
????????-webkit-transition:?1s;
transition:?1s;
}
.B??{
width:?400px;
height:?500px;
background-color:?red;
}
.C{
width:?300px;
height:?200px;
background-color:?green;
}
.D?{
width:?300px;
height:?200px;
background-color:?blue;
}
.A:hover?+?.B?{
width:?500px;
}
.A:hover?+?.B>.C?{
width:?100px;
}
.A:hover?+?.B>.D?{
width:?500px;
}
</style>
<a?class="A"?href="#">hover?me!!</a>
<div?class="B">
B
<div?class="C">
C
</div>
<div?class="D">
D
</div>
</div>
添加回答
舉報
0/150
提交
取消