CSS :nth-child() মিথ্যা-পদার্থ

সংজ্ঞা এবং ব্যবহার

CSS :নম্বর-সহস্রতম-সন্তান(n) 伪类用于匹配作为其父元素第 n 个子元素的任何元素。

此伪类根据元素在其父元素的子列表中的索引来匹配元素。

n এটি হতে পারে একটি সংখ্যা/সূচক, একটি শব্দকোষ (অসংখ্য বা সমসংখ্য) বা একটি ফর্মুলা (যেমন এn + বি)

সুঝানা:দেখুন :নম্বর-সহস্রতম-সন্তান() প্রকৃত প্রক্রিয়া দ্বারা নির্বাচন করা হয়একই ধরনের (ট্যাগ নাম)এর n একটি ইলেকট্রনিক কার্যকলাপকে নির্বাচন করুন

প্রতিমান

উদাহরণ 1

কিভাবে ব্যবহার করা যায় :নম্বর-সহস্রতম-সন্তান() প্রকৃত প্রক্রিয়া:

/* কোনও ভাইস ইলেকট্রনিক কার্যকলাপকে কোনও ভাইস ইলেকট্রনিক কার্যকলাপকে নির্বাচন করুন */
:নম্বর-সহস্রতম-সন্তান(4) {
  ব্যাকগ্রাউন্ড-কালার: সোনালী;
}
/* div ভাইস ইলেকট্রনিক কার্যকলাপকে দ্বিতীয় ইলেকট্রনিক কার্যকলাপকে নির্বাচন করুন */
div:নম্বর-সহস্রতম-সন্তান(2) {
  ব্যাকগ্রাউন্ড-কালার: লাল;
}
/* তালিকায় দ্বিতীয় li ইলেকট্রনিক কার্যকলাপকে নির্বাচন করুন */
li:নম্বর-সহস্রতম-সন্তান(2) {
  ব্যাকগ্রাউন্ড-কালার: হালকা সবুজ;
}

স্বয়ং প্রয়োগ করুন

উদাহরণ 2

অসংখ্য ও সমসংখ্য হল শব্দকোষ, যা অসংখ্য ও সমসংখ্য ইনডেক্স সম্পন্ন সন্তানকে মিলাতে ব্যবহৃত হয় (প্রথম সন্তানের ইনডেক্স 1):

এখানে, আমরা অসংখ্য ও সমসংখ্য ইনডেক্স সম্পন্ন <p> ইলেকট্রনিক কার্যকলাপকে ভিন্ন ব্যাকগ্রাউন্ড রঙ নির্দেশ করি:

p:নম্বর-সহস্রতম-সন্তান(অসংখ্য)
  ব্যাকগ্রাউন্ড-কালার: লাল;
}
p:নম্বর-সহস্রতম-সন্তান(সমসংখ্য)
  ব্যাকগ্রাউন্ড: হালকা সবুজ;
}

স্বয়ং প্রয়োগ করুন

উদাহরণ 3

ফর্মুলা (এn + বি) বর্ণনা:এ হল সংখ্যাগত পদক্ষেপ, n হল 0 থেকে শুরু করে সব গুণিতক সংখ্যা থেকে সব গুণিতক সংখ্যা পর্যন্ত সব গুণিতক সংখ্যাবি হল সংখ্যাগত ক্ষেত্রস্থান

এখানে, আমরা সব ত্রিশক্তিমান ইনডেক্স সম্পন্ন <p> ইলেকট্রনিক কার্যকলাপকে ব্যাকগ্রাউন্ড রঙ নির্দেশ করি (তৃতীয়, ষষ্ঠ, নবম ইত্যাদি ইলেকট্রনিক কার্যকলাপকে নির্বাচন করি):

p:নম্বর-সহস্রতম-সন্তান(3n+1) {
  ব্যাকগ্রাউন্ড-কালার: লাল;
}

স্বয়ং প্রয়োগ করুন

উদাহরণ 4

এখানে, আমরা সব ত্রিশক্তিমান ইনডেক্স সম্পন্ন <p> ইলেকট্রনিক কার্যকলাপকে ব্যাকগ্রাউন্ড রঙ নির্দেশ করি।তারপর আমরা 1 হতে কমাই (প্রথম, চতুর্থ, সপ্তম ইত্যাদি ইলেকট্রনিক কার্যকলাপকে নির্বাচন করি):

p:নম্বর-সহস্রতম-সন্তান(3n-1) {
  ব্যাকগ্রাউন্ড-কালার: লাল;
}

স্বয়ং প্রয়োগ করুন

CSS গ্রামাটিকা

:নম্বর-সহস্রতম-সন্তান(ইনডেক্স | অসংখ্য তথা সমসংখ্য | এএন+বি) {
  সিএসএস নির্দেশ;
}

প্রযুক্তিগত বিবরণ

ব্রাউজার সমর্থন

টেবিলের সংখ্যা প্রথম এই প্রকৃত প্রক্রিয়াটি সম্পূর্ণরূপে সমর্থনকারী ব্রাউজারের সংস্করণকে নির্দেশ করে。