CSS-এ attribute$="value" সিলেক্টর দিয়ে নির্দিষ্ট ভ্যালুতে শেষ হওয়া এলিমেন্ট সিলেক্ট করা

যখন কোনো অ্যাট্রিবিউটের মান নির্দিষ্ট স্ট্রিং দিয়ে শেষ হয়, তখন [attribute$="value"] সিলেক্টর ব্যবহার করুন। এটি ফাইল এক্সটেনশন, URL প্যাটার্ন ইত্যাদি যাচাই করতে উপযোগী।

উদাহরণ

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

এখানে শুধু alt="Tutor Connect" वाली ছবিটি সিলেক্ট হবে, কারণ এর alt ভ্যালু "Connect" দিয়ে শেষ হয়েছে।