CSS常用選取器記錄-:nth-of-type(n)

標籤：no-repeat   blog   idt   item   pre   關鍵詞   選擇   find   icon   

: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)