为什么写 div:hover li{} 可以显示出效果,而写成a:hover li{}就不行呢?

为什么写 div:hover li{} 可以显示出效果,而写成a:hover li{}就不行呢?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕码 2020-05-30 18:56:41

同学你好,因为a标签外还有h2,li标签外还有ul标签,关系比较复杂。无法实现“放到a链接而不是div 上时,li 才会出现”。可以通过兄弟选择器实现鼠标移入h2标签ul实现,如下:

http://img1.sycdn.imooc.com//climg/5ed23b8f094be3d203270322.jpg

祝学习愉快~

好帮手慕码 2020-05-30 15:21:41

同学你好,因为a:hover li中,空格表示后代选择器,整句代码表示选择a的后代元素li, 但是a和li不是后代关系,所以无法实现效果。

http://img1.sycdn.imooc.com//climg/5ed2095809bdc76603550143.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 雕虫岁月 #1
    好的,老师,我还想问,如果我就是想鼠标放到a链接而不是div 上时,li 才会出现,我该怎么写呢?
    2020-05-30 15:52:16
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师