CSS常用選擇器記錄-:nth-of-type(n)
阿新 • • 發佈:2017-08-24
center pan col eight 記錄 logs round css 子元素
:nth-of-type(n)
- 選擇器匹配屬於父元素的特定類型的第 N 個子元素的每個元素.
- n 可以是數字、關鍵詞或公式。
.step_icon3 li.item{ width: 30%; height: 40px; text-align: center; padding-top: 10px -5px 0px; } .step_icon3 li.item:nth-of-type(1){ background:url(../img/find_pw_on_1.png) no-repeat center right; background-size: 27px auto; } .step_icon3 li.item:nth-of-type(2){ background:url(../img/find_pw_off_2.png) no-repeat center center; background-size: 27px auto; } .step_icon3 li.item:nth-of-type(3){ background:url(../img/icon_s3.png) no-repeat center left; background-size: 27px auto; }
CSS常用選擇器記錄-:nth-of-type(n)