CSS :nth-last-child() အချက်အလက်

အသုံးပြုနည်း နှင့် အဆိုပါအချက်အလက်

CSS :nth-last-child(n) အချက်အလက်များကို အသုံးပြု၍ အချက်အလက်များကို အသုံးပြုသော ဘာသာစကားများ

n အမှတ် / အတိုင်း သို့မဟုတ် အကြောင်းအရာ (odd ) သို့မဟုတ် even) သို့မဟုတ် ပုံစံ ( an + b)

အကြိမ်းအားပေးခြင်း:ကြည့်ရှုရန် :nth-last-of-type() ဘာသာစကားများကို အသုံးပြု၍ အချက်အလက်များကို အသုံးပြုသော ဘာသာစကားများ n အချက်အလက်

အမှတ်

အမှတ် 1

အခြား အဆင်းမဲ့ အားလုံး ဖြစ်သော <p> အချက်အလက်များကို အသုံးပြုပါ

p:nth-last-child(2) {
  background-color: red;
}

ကျွန်တော်ကို ကြိုးစားပါ

အမှတ် 2

odd နှင့် even အဆင်းမဲ့ အားလုံး နှင့် အဆင်းကြီး အားလုံး ဖြစ်သော အချက်အလက်များကို လက်ခံနိုင်သော အကြောင်းအရာ

နောက်ဆုံး အဆင်းမဲ့ အဆင်းကြီး နှင့် အဆင်းမဲ့ အဆင်းကြီး ဖြစ်သော <p> အချက်အလက်များကို အသုံးပြုပါ

p:nth-last-child(odd) {
  background-color: red;
}
p:nth-last-child(even) {
  background-color: blue;
}

ကျွန်တော်ကို ကြိုးစားပါ

အမှတ် 3

ပုံစံ (an + bအကြောင်းအရာ:a အဆင်းမဲ့ အားလုံး အဆင်းလျှောက်b အစီအစဉ်အရ အဆင်းမဲ့ အားလုံး

အဆင်းမဲ့ အားလုံး ကို အသုံးပြု၍ နောက်ဆုံး အဆင်းမဲ့ အားလုံး ဖြစ်သော <p> အချက်အလက်များကို အသုံးပြုပါ

p:nth-last-child(3n+0) {
  background-color: red;
}

ကျွန်တော်ကို ကြိုးစားပါ

CSS လိုက်နှိပ်ခြင်း

:nth-last-child(index အားလုံး | အဆင်းမဲ့ | အဆင်းကြီး | an+b) {
  css declarations;
}

နည်းပါးလုံး

ဘာသာစကားများကို အသုံးပြုသော ဘာသာစကားများ

အချက်အလက်များကို အသုံးပြု၍ အခြားသော ဘာသာစကားများကို အသုံးပြုသော ဘာသာစကားများသို့ ပြောင်းလဲသည်။