CSS :nth-last-of-type() 伪类

定义和用法

CSS :nth-last-of-type(n) 伪类用于匹配作为其父元素中特定类型的倒数第 n 个子元素的每个元素。

n 可以是一个数字/索引、一个关键字（odd 或 even）或一个公式（如 an + b）。

提示：查看 :nth-last-child() 伪类以选择作为其父元素中倒数第 n 个子元素的元素，无论其类型如何。

实例

例子 1

为每个作为其父元素倒数第二个

元素的

元素指定背景颜色。

တောင်မှ ဖြစ်ပြီး ဖြစ်သော အပိုင်းအစတွင် အသုံးပြုသော <li> အပိုင်းအစတွင် ကြားချီး ပြင်ဖုံး ကုန်းမှတ်သုံး

p:nth-last-of-type(2) {
  background: red;
}
li:nth-last-of-type(3) {
background: yellow;
}

ကိုယ်တိုင် စစ်ဆေးကြည့်

ဌာန 2

odd နှင့် even ကြားချီး ကုန်းမှတ်သုံး ဖြစ်သည်။ အသုံးပြုနိုင်သော ကြားချီး ကုန်းမှတ်သုံး: အစိုးရ အဆင့်ချိန် သို့မဟုတ် ကြားချီး ကုန်းမှတ်သုံး (ဥပမာ: an + b)

အကြောင်းကျပန်၍ ကြားချီး ကြားချီး အပိုင်းအစတွင် အသုံးပြုသော <p> အပိုင်းအစတွင် ကြားချီး ပြင်ဖုံး ကုန်းမှတ်သုံး

p:nth-last-of-type(odd) {
  background: red;
}
p:nth-last-of-type(even) {
  background: blue;
}

ကိုယ်တိုင် စစ်ဆေးကြည့်

ဌာန 3

သုံးစွဲ အတွက် အခြေခံ အပေါ် ကုန်းမှတ်သုံး (an + b) ကို သုံးစွဲသည်။ ဖော်ပြချက်: a သည် အစိုးရ အဆင့်ချိန် ဖြစ်၍၊ n သည် 0 မှ စတင်၍ အစိုးရ အဆင့်ချိန် ဖြစ်သော အစိုးရ အဆင့်ချိန် ဖြစ်၍၊ b သည် အစိုးရ အဆင့်ချိန် ဖြစ်သည်။

အကြောင်းကျပန်၍ ကြားချီး ကုန်းမှတ်သုံး ပြင်ဆင်ထားသော အပိုင်းအစတွင် အသုံးပြုသော <p> နှင့် <li> အပိုင်းအစတွင် ကြားချီး ပြင်ဖုံး ကုန်းမှတ်သုံး

p:nth-last-of-type(3n) {
  background: red;
}
li:nth-last-of-type(3n) {
  background: yellow;
}

ကိုယ်တိုင် စစ်ဆေးကြည့်

CSS လိုင်းစကား

:nth-last-of-type(index | ကြား | ပြည့် | an+b) {
  css ပြောင်းလဲ;
}

နည်းပါးများ

ဘာသာစကား အသုံးပြု

ပြင်ဆင်ထားသော ကုန်းမှတ်သုံး အသုံးပြုသော ဘာသာစကား သင်္ကေတ အပိုင်းအစတွင် သင်္ကေတ ပြုစုထားသော ဘာသာစကား ကုန်းမှတ်သုံး အပိုင်းအစတွင် အသုံးပြုသော ဘာသာစကား ကုန်းမှတ်သုံး အပိုင်းအစတွင် အသုံးပြုသော ဘာသာစကား ကုန်းမှတ်သုံး အပိုင်းအစတွင် အသုံးပြုသော ဘာသာစကား ကုန်းမှတ်သုံး အပိုင်းအစတွင် အသုံးပြုသော ဘာသာစကား ကုန်းမှတ်သုံး အပိုင်းအစတွင် အသုံးပြုသော ဘာသာစကား ကုန်းမှတ်သုံး အပိုင်းအစတွင် အသုံးပြုသော ဘာသာစကား ကုန်းမှတ်သုံး အပိုင်းအစတွင် အသုံးပြုသော ဘာသာစကား