উত্তর:
আপনি :first-childএবং :last-childছদ্ম-নির্বাচকগুলি ব্যবহার করতে পারেন :
tr td:first-child,
tr td:last-child {
/* styles */
}এটি সমস্ত বড় ব্রাউজারগুলিতে কাজ করা উচিত, তবে উপাদানগুলি গতিশীলভাবে যুক্ত করার সময় আই 7 এর কিছু সমস্যা রয়েছে (এবং এটি আই 6 তে কাজ করবে না)।
tr > tdএবং tr td?
>কেবলমাত্র প্রত্যক্ষ বাচ্চাদের বাছাই করে। এটি ব্যতীত সমস্ত বংশধর (যেমন শিশুদের বাচ্চাদের) নির্বাচন করা হবে। ২ য় বা ৩ য় শিশু বাছাই করতে nth-childসিউডো-সিলেক্টরটি দেখুন।
+। এর মতো কিছু tr td + td + .... +td তবে আমি জানি না আমার কতটা টিডি আছে?
আপনি নিম্নলিখিত স্নিপেট ব্যবহার করতে পারেন:
tr td:first-child {text-decoration: underline;}
tr td:last-child {color: red;}নিম্নলিখিত সিউডো ক্লাস ব্যবহার করে:
: প্রথম-সন্তানের অর্থ "এটি যদি তার পিতামাতার প্রথম সন্তান হয় তবে এই উপাদানটি নির্বাচন করুন "।
: শেষ সন্তানের অর্থ "এই উপাদানটি যদি তার পিতামাতার শেষ সন্তান হয় তবে এটি নির্বাচন করুন "।
কেবলমাত্র এলিমেন্ট নোডগুলি (এইচটিএমএল ট্যাগগুলি) প্রভাবিত হয়, এই সিউডো-ক্লাসগুলি পাঠ্য নোডগুলি উপেক্ষা করে।
আপনি : প্রথম শিশু এবং : শেষ সন্তান pseudo-selectors :
tr td:first-child{
color:red;
}
tr td:last-child {
color:green
}অথবা আপনি অন্য উপায় ব্যবহার করতে পারেন
// To first child
tr td:nth-child(1){
color:red;
}
// To last child
tr td:nth-last-child(1){
color:green;
}উভয় উপায় নিখুঁতভাবে কাজ করছে
সারিটিতে যদি আপনার এবং নির্বাচকদের ব্যবহার করা উচিত তার thআগে কিছু শীর্ষস্থানীয় (বা পিছনে) ট্যাগ রয়েছে । অন্যথায় প্রথমটি নির্বাচিত হবে না যদি এটি সারিটির প্রথম উপাদান না হয়।td:first-of-type:last-of-typetd
এটি দেয়:
td:first-of-type, td:last-of-type {
/* styles */
}