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

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


প্যারেন্টের শেষ চাইল্ড হওয়া সব <p> এলিমেন্ট স্টাইল করতে 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>

আউটপুট

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


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

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

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

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