CSS-এ [attribute|="value"] সিলেক্টর দিয়ে নির্দিষ্ট প্রিফিক্স দিয়ে শুরু হওয়া alt অ্যাট্রিবিউট সিলেক্ট করা

[attribute|="value"] সিলেক্টরটি ব্যবহার করে যেসব এলিমেন্টের অ্যাট্রিবিউট ভ্যালু নির্দিষ্ট শব্দ দিয়ে শুরু হয় (হাইফেন[-] দিয়ে পৃথক), সেগুলো বাছাই করা যায়। এটি ভাষা কোড (যেমন en-US, bn-BD) বা ক্যাটেগরি প্রিফিক্সের জন্য আদর্শ।

উদাহরণ

<!DOCTYPE html>
<html>
  <head>
    <style>
      [alt|="Tutor"] {
        border: 5px solid orange;
        border-radius: 5px;
      }
    </style>
  </head>
  <body>
    <img src="..." height="200" width="200" alt="Tutor-Connect">
    <img src="..." height="200" width="200" alt="Tutorials-Library">
  </body>
</html>

এখানে শুধু alt="Tutor-Connect" वाली ছবিটি সিলেক্ট হবে, কারণ এটি "Tutor" দিয়ে শুরু হয়েছে এবং হাইফেন দিয়ে পৃথক।