为什么这样写无法实现

为什么这样写无法实现

li.percent>h3:hover{

            background-size: 50% 50%;

        }


正在回答

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

3回答

用h3可以,但是你的写的不对,按照你的方式,正确的写法应该是:

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

li.percent>h3:hover 这个写法表示要给h3设置background-size: 50% 50%;,并不是给div设置,如果要给div设置要+div,给h3的兄弟元素div设置。不能直接写div,如果直接写div的话表示后代元素,但其实div和h3是同级的元素。

另外,为什么我直接让你给父元素设置,是因为,当你离开h3的时候,想把鼠标移动到图片时,是会消失的,所以想要把鼠标放到图片的时候,图片也能显示,就要给父元素设置。

如果帮助到了你,欢迎采纳!

Miss路 2018-09-09 12:20:54

这里不能给h3设置,要给整个父元素设置:

.length:hover div,.percent:hover div,.cover:hover div,.contain:hover div{

            background-size:100px 100px;

            display:block;

        }

如果帮助到了你,欢迎采纳!

  • 提问者 暮雨Rain #1
    请问为什么不能给h3设置呢
    2018-09-09 13:37:42
提问者 暮雨Rain 2018-09-08 12:17:55

li.percent>h3:hover div{

            background-size: 50% 50%;

        }


问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

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