老师,这句实现menu变化的hover代码有没有写对,为什么没变化呢

来源:5-3 首页.UI组件-UiMenu

TechnicalTopSales

2020-02-11 22:35:23

.content .content-left-list a:hover > a:before{

    background: url(image/icon-menu.jpg)   -22px 0px no-repeat;

}


其他的都能实现,就这个不行


写回答

2回答

好帮手慕夭夭

2020-02-12

同学你好,代码上传的不完整,这边没有办法看到效果。需要把html ,css代码全部粘贴上来哦。

祝学习愉快!

0

好帮手慕夭夭

2020-02-12

同学你好,这个选择器是不对的。因为a:hover 和 a:before同样都是a的伪类,它们是同级关系,不是父子关系 ,所以使用后代选择器是不对的。

同学想要实现什么样的效果可以详细描述一下,并且需要把全部代码粘贴上来,以便老师为你进行指导。

祝学习愉快 !

0
hechnicalTopSales
h 老师,要实现的是:指标移到那里就会背景色变以及前面的图标变化: .content .content-left-list a:nth-of-type(1):before{ background: url(image/icon-menu.jpg) 0px 0px no-repeat; display: block; content: ""; position: absolute; left: 15px; top: 10px; width: 20px; height: 20px; } .content .content-left-list a:hover > a:before{ background: url(image/icon-menu.jpg) -22px 0px no-repeat; } } .content .content-left-list a:nth-of-type(2):before{ background: url(image/icon-menu.jpg) 0px -22px no-repeat; display: block; content: ""; position: absolute; left: 15px; top: 51px; width: 20px; height: 20px; } .content .content-left-list a:nth-child(3):before{ background: url(image/icon-menu.jpg) 0px -44px no-repeat; display: block; content: ""; position: absolute; left: 15px; top: 90px; width: 20px; height: 20px; }
h020-02-12
共1条回复

0 学习 · 14456 问题

查看课程