任务三:设置缩略图背景图像

来源:7-8 切换背景图像综合练习题

虾滑咸鱼

2018-06-21 18:50

/*任务三、设置缩略图背景图像*/
.clearfix a:nth-of-type(1)::after {	
    background: url(1.jpg) no-repeat center;
}
.clearfix a:nth-of-type(2)::after {	
    background: url(2.jpg) no-repeat center;
}
.clearfix a:nth-of-type(3)::after {	
    background: url(3.jpg) no-repeat center;
}
.clearfix a:nth-of-type(4)::after {	
    background: url(4.jpg) no-repeat center;
}
.clearfix a:nth-of-type(5)::after {	
    background: url(5.jpg) no-repeat center;
}

所有a元素的背景缩略图都应用的第一个 

但是我用的nth-of-type(n)设置了对每个a元素应用不同的缩略图的啊

写回答 关注

1回答

  • 奋斗的小菇凉
    2018-07-09 23:07:57

    .slider li:nth-of-type(1) a::after {

                background: url(http://www.w3cplus.com/demo/css3/CSS3Fullbackground/sbg1.jpg) no-repeat center  ;

                }

    应该是对li标签进行选择啊,而不是对a标签,你试试这种写法,看看有没有用

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242553 学习 · 2623 问题

查看课程

相似问题