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

源自：7-8 切换背景图像综合练习题

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

/*任务三、设置缩略图背景图像*/
.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元素应用不同的缩略图的啊

提问者：虾滑咸鱼 2018-06-21 18:50

个回答

奋斗的小菇凉

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标签，你试试这种写法，看看有没有用

0