任務(wù)三:設(shè)置縮略圖背景圖像
/*任務(wù)三、設(shè)置縮略圖背景圖像*/ .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元素的背景縮略圖都應(yīng)用的第一個(gè)?
但是我用的nth-of-type(n)設(shè)置了對(duì)每個(gè)a元素應(yīng)用不同的縮略圖的啊
2018-07-09
.slider li:nth-of-type(1) a::after {
? ? ? ? ? ? background: url(http://www.w3cplus.com/demo/css3/CSS3Fullbackground/sbg1.jpg) no-repeat center ?;
? ? ? ? ? ? }
應(yīng)該是對(duì)li標(biāo)簽進(jìn)行選擇啊,而不是對(duì)a標(biāo)簽,你試試這種寫法,看看有沒有用