css hover, focus 状态改变其他元素样式

A:hover { 改变 B 的样式 }, 这样效果就不需要用到javascript。

这个就是css选择器的使用情况了,假设悬浮元素是a,样式改变元素是b,俩个元素之间的关系就是b是a的子元素就可以使用 a:hover>b{…}。
还有就是b刚好是a的同级元素并且是紧接着的,就可以a:hover+b{…}还有就是b这一类的元素都是a的同级元素并且是a元素之后的就可以a:hover~b{…}还有就自己去看吧。


版权声明:本文为weixin_52907628原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。