css实现鼠标悬停显示另一个div

     想要实现的效果,直接上图:

        之前都是点击事件来处理,但是这次项目用的vue,不支持jquery,那么肯定有其他方法也是可以解决的。结果可以完美的利用css选择器来实现想要的效果,而且十分简单。

方法:.btn:hover+div{display:block;}

即css:hover属性,同级兄弟节点,设置display;block。

好啦!加油啦!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,697评论 1 92
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,752评论 32 459
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 12,210评论 2 19
  • 走着带斑马线的石油路,坐着总是喧闹的54公交车,不经间回忆起陪我们一起成长过的那一颗颗白杨树。 当时的我们怎么知道...
    青砾兰阅读 1,571评论 0 0
  • 少时离乡把梦寻 ...
    花蓉儿阅读 2,241评论 2 1

友情链接更多精彩内容