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

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


চাইল্ড নেই এমন <p> এলিমেন্ট স্টাইল করতে CSS :empty সিলেক্টর ব্যবহার করুন। নিচের কোড রান করে :empty সিলেক্টর ইমপ্লিমেন্ট করুন।

উদাহরণ

<!DOCTYPE html> <html>   <head>     <style>       p.demo {         width: 300px;         height: 20px;         background: gray;       }       p:empty {         width: 150px;         height: 20px;         background: orange;       }     </style>   </head>   <body>     <p class = "demo">This is demo text. Below is empty text.</p>     <p></p>   </body> </html>

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

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

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

  4. CSS দিয়ে HR এলিমেন্ট স্টাইল করার পদ্ধতি