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

CSS দিয়ে <div> প্যারেন্ট 지닌 সকল <p> এলিমেন্ট সিলেক্ট করুন


প্যারেন্ট এলিমেন্ট 지닌 এলিমেন্ট সিলেক্ট করতে element > element সিলেক্টর ব্যবহার করুন।

<div> এলিমেন্টকে প্যারেন্ট হিসেবে ধরে সকল <p> এলিমেন্ট সিলেক্ট করতে নিচের কোডটি চালাতে পারেন:

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          div > p {             color: white;             background-color: blue;          }       </style>    </head>    <body>       <h1>Demo Website</h1>       <h2>Fruits</h2>       <p>Fruits are good for health.</p>       <div>          <p>This is demo text.</p>       </div>    </body> </html>

  1. CSS align-content: space-around দিয়ে ফ্লেক্স লাইন চারপাশে স্পেস দেখান

  2. CSS-এ ফ্লেক্স আইটেমগুলো লম্বায় সাজানো

  3. CSS-এ ফ্লেক্স আইটেম র‍্যাপ করা

  4. CSS flex-direction: row দিয়ে ফ্লেক্স আইটেম হরিজেন্টাল সেট করা