猿问
有没有CSS3方法可以当鼠标浮动在控件A上时，控件B发生改变
纯CSS3方法可以解决么？鼠标浮动在A上时，B和C还有D触发动画效果。
门牙有点晃
浏览 1670
回答 2
2回答
qq_青枣工作室_0
当然可以。利用 :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>
3
0
0
qq___524
这好像只能用js吧
0
0
0
随时随地看视频
慕课网APP
相关问题
为什么字体颜色在Eclipse上没有变化
2 回答
相关分类
CSS3
Html/CSS
为什么字体颜色在Eclipse上没有变化
2 回答
JQuery
我要回答