কম্পিউটার

প্রতিটি

উপাদানকে স্টাইল করুন যা CSS এর সাথে তার পিতামাতার শেষ সন্তান


প্রতিটি

উপাদানকে স্টাইল করতে যা তার পিতামাতার শেষ সন্তান, CSS :last-child নির্বাচক ব্যবহার করুন। আপনি :লাস্ট-চাইল্ড নির্বাচক

বাস্তবায়ন করতে নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন

উদাহরণ

<!DOCTYPE html>
<html>
   <head>
      <style>
         p:last-child {
            background: orange;
         }
      </style>
   </head>
   <body>
      <p>This is demo text1.</p>
      <p>This is demo text2.</p>
      <p>This is demo text3.</p>
   </body>
</html>

আউটপুট

প্রতিটি  p 
 উপাদানকে স্টাইল করুন যা CSS এর সাথে তার পিতামাতার শেষ সন্তান


  1. পিতামাতার কাছে স্টাইল প্রয়োগ করুন যদি এটির CSS এবং HTML সহ একটি শিশু থাকে

  2. CSS এর সাথে শেষ সন্তান থেকে গণনা করে প্রতিটি <p> উপাদানকে স্টাইল করুন যা তার পিতামাতার সন্তান

  3. প্রতিটি <p> এলিমেন্টকে স্টাইল করুন যা CSS এর সাথে তার পিতামাতার একমাত্র সন্তান

  4. CSS দিয়ে চাইল্ড এলিমেন্ট নির্বাচন করা