CSS :nth-of-type() মিথ্যাকার্য

পরিভাষা এবং ব্যবহার

CSS :nth-of-type(n) প্রোপার্টি যা ব্যবহার করা যায় যাতে পিতা ইলাকার একই ধরনের (ট্যাগ নাম) সকল সন্তানের ইলাকা মিলে যায় n প্রত্যেকটি সন্তানের ইলাকা, n হল 0-থেকে সকল অসংখ্যক সংখ্যা

n হতে পারে একটি সংখ্যা/সূচক, একটি শব্দ (odd ও even) বা একটি ফর্মুলা (যেমন an + b)

পরামর্শ:দেখুন :nth-child() প্রোপার্টি যা ব্যবহার করা যায় যাতে পিতা ইলাকার কোনও সমস্ত সন্তানের ইলাকাকে বাছাই করা যায় যা n একটি সন্তানের ইলাকা, যা সমস্ত ইলাকার কোনও প্রকার তথ্য নেই。

উদাহরণ

উদাহরণ 1

কিভাবে ব্যবহার করা যায় :nth-of-type() পাঠক:

/* div ভাইস এলাকার দ্বিতীয় ইলাকা বাছাই করুন */
div:nth-of-type(2) {
  background: red;
}
/* তালিকায় দ্বিতীয় li ইলাকা বাছাই করুন */
li:nth-of-type(2) {
  background: lightgreen;
}
/* কোনও ভাইস এলাকার গুণ সমান তৃতীয় ইলাকা বাছাই করুন */
:nth-of-type(3) {
  background: yellow;
}

আপনার নিজেই প্রয়াস করুন

উদাহরণ 2

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

এখানে, আমরা বিন্দু সংখ্যা ও সংখ্যা ইলাকার বিন্দু সংখ্যা বা কম ইলাকার পটভূমির রঙ নির্দেশ করি:

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

আপনার নিজেই প্রয়াস করুন

উদাহরণ 3

এই ফর্মুলা ব্যবহার করে (an + b)a হল সংখ্যালঘু পদক্ষেপ, n হল 0-থেকে সকল অসংখ্যক সংখ্যাb হল সংখ্যালঘু স্থানান্তর

এখানে, আমরা 3-র গুণ সমান সংখ্যার সকল <p> ইলাকাকে পটভূমির রঙ নির্দেশ করি (তৃতীয়, ষষ্ঠ, নবম, ইত্যাদি ইলাকাকে বাছাই করি):

p:nth-of-type(3n+0) {
  background: red;
}

আপনার নিজেই প্রয়াস করুন

উদাহরণ 4

এখানে, আমরা 3-র গুণ সমান সংখ্যার সকল <p> ইলাকাকে পটভূমির রঙ নির্দেশ করি। তারপর, আমরা 1-কে হাটি (দ্বিতীয়, পঞ্চম, আটম, ইত্যাদি ইলাকাকে বাছাই করি):

p:nth-of-type(3n-1) {
  background: red;
}

আপনার নিজেই প্রয়াস করুন

CSS য়াক্স শব্দ

:nth-of-type(index অধিকতম | কম an+b) {
  css declarations;
}

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

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

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