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

CSS [attribute] সিলেক্টর ব্যবহার

অ্যাট্রিবিউট উপস্থিতি দিয়ে উপাদান নির্বাচন

[attribute] সিলেক্টর ব্যবহার করে যেসব উপাদানে নির্দিষ্ট অ্যাট্রিবিউট আছে সেগুলো নির্বাচন করা যায় (যেমন alt, target ইত্যাদি)।

উদাহরণ

নিচের কোডে alt অ্যাট্রিবিউট থাকা ছবিগুলোর বর্ডার লাগানো হয়েছে:

<!DOCTYPE html> <html>    <head>       <style>          img[alt] {             border: 3px solid orange;          }       </style>    </head>    <body>       <img src = "https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg"          height="200" width="200">       <img src = "https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg"          height = "200" width="200" alt = "Tutorials Library">    </body> </html>

ফলাফল: প্রথম ছবিতে alt নেই, তাই বর্ডার নেই। দ্বিতীয় ছবিতে alt আছে, তাই نارী বর্ডার দেখাবে।

  1. CSS চাইল্ড সিলেক্টর

  2. CSS :checked সিলেক্টরের ভূমিকা

  3. CSS :active সিলেক্টরের ভূমিকা

  4. CSS ডিসেন্ডেন্ট সিলেক্টর