কম্পিউটার টিউটোরিয়াল

শেষ চাইল্ড থেকে গণনা করে প্যারেন্টের দ্বিতীয় <p> এলিমেন্ট সিলেক্ট করুন


প্যারেন্টের দ্বিতীয় <p> এলিমেন্ট (শেষ চাইল্ড থেকে গণনা করে) সিলেক্ট করতে CSS :nth-last-of-type(n) সিলেক্টর ব্যবহার করুন।

উদাহরণ

নিচের কোড রান করে :nth-last-of-type(n) সিলেক্টর ইমপ্লিমেন্ট করুন।

<!DOCTYPE html> <html>   <head>     <style>       p:nth-last-of-type(2) {         background: blue;         color: white;       }     </style>   </head>   <body>     <p>This is demo text 1.</p>     <p>This is demo text 2.</p>     <p>This is demo text 3.</p>     <p>This is demo text 4.</p>     <p>This is demo text 5.</p>   </body> </html>

  1. জাভাস্ক্রিপ্ট দিয়ে পেরেন্ট এলিমেন্টের চাইল্ড এলিমেন্ট পাওয়া

  2. CSS দিয়ে প্যারেন্টের শেষ চাইল্ড হওয়া সব <p> এলিমেন্ট স্টাইল করুন

  3. CSS দিয়ে প্যারেন্টের চাইল্ড হয়ে শেষ থেকে গণনা করে p এলিমেন্ট স্টাইল করুন

  4. CSS দিয়ে প্যারেন্টের একমাত্র চাইল্ড হয়ে p এলিমেন্ট স্টাইল করুন