tag - কিভাবে html তৈরি করা যায়




সিএসএস ব্যবহার করে আমি কিভাবে একটি নির্দিষ্ট সংখ্যক শিশু পেতে পারি? (2)

আমি একটি table যার td গুলি গতিশীলভাবে তৈরি করা আছে। আমি প্রথম এবং শেষ সন্তানের পেতে কিভাবে জানি কিন্তু আমার প্রশ্ন হল:

সিএসএস ব্যবহার করে দ্বিতীয় বা তৃতীয় সন্তানের পাওয়ার উপায় আছে কি?


IE 7 এবং 8 (এবং CSS3 ছাড়া অন্য ব্রাউজারগুলি IE6 সহ নয়) আপনি দ্বিতীয় এবং তৃতীয় সন্তান পেতে নিম্নলিখিতটি ব্যবহার করতে পারেন:

দ্বিতীয় শিশু:

td:first-child + td

তৃতীয় সন্তান:

td:first-child + td + td

তারপরে আপনি যে অতিরিক্ত শিশুর বাছাই করতে চান তাদের জন্য আরেকটি + td যোগ করুন।

যদি আপনি IE6 সমর্থন করতে চান যে খুব কাজ করা যেতে পারে! আপনি কেবল একটু জাভাস্ক্রিপ্ট ব্যবহার করতে হবে (এই উদাহরণে jQuery):

$(function() {
    $('td:first-child').addClass("firstChild");
    $(".table-class tr").each(function() {
        $(this).find('td:eq(1)').addClass("secondChild");
        $(this).find('td:eq(2)').addClass("thirdChild");
    });
});

তারপরে আপনার CSS এ আপনি যে শ্রেণীর পরিবর্তনগুলি পছন্দ করেন সেগুলি সহজেই ব্যবহার করুন:

table td.firstChild { /*stuff here*/ }
table td.secondChild { /*stuff to apply to second td in each row*/ }

আধুনিক ব্রাউজারগুলির জন্য, td:nth-child(2) দ্বিতীয় td , এবং td:nth-child(3) তৃতীয়টি ব্যবহার করুন। মনে রাখবেন এই প্রতিটি সারির জন্য দ্বিতীয় এবং তৃতীয় td পুনরুদ্ধার করুন।

সংস্করণ 9 এর চেয়ে পুরনো IE এর সাথে সামঞ্জস্যের প্রয়োজন হলে টিম দ্বারা প্রস্তাবিত ভাইবোন সংযোজক বা জাভাস্ক্রিপ্ট ব্যবহার করুন। তার পদ্ধতির একটি ব্যাখ্যা এবং চিত্রণ জন্য এই সম্পর্কিত প্রশ্নের আমার উত্তর দেখুন।





css-selectors