任務三:設置縮略圖背景圖像
/*任務三、設置縮略圖背景圖像*/ .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-07-09
.slider li:nth-of-type(1) a::after {
? ? ? ? ? ? background: url(http://www.w3cplus.com/demo/css3/CSS3Fullbackground/sbg1.jpg) no-repeat center ?;
? ? ? ? ? ? }
應該是對li標簽進行選擇啊,而不是對a標簽,你試試這種寫法,看看有沒有用