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

CSS দিয়ে href অ্যাট্রিবিউটে 'java' সাবস্ট্রিং ধারণকারী সব <a> এলিমেন্ট সিলেক্ট করা

CSS-এ [attribute*="value"] সিলেক্টর ব্যবহার করে যেকোনো এলিমেন্টের অ্যাট্রিবিউট ভ্যালুতে নির্দিষ্ট সাবস্ট্রিং আছে কিনা তা যাচাই করা যায়। এটি আংশিক মিলানের জন্য খুবই কার্যকর।

উদাহরণ

<!DOCTYPE html>
<html>
  <head>
    <style>
      [href*="java"] {
        border: 5px solid orange;
        border-radius: 5px;
      }
    </style>
  </head>
  <body>
    <a href="https://www.tutorialspoint.com/php/index.htm">PHP Tutorial</a>
    <a href="https://tutorialspoint.com/java/index.htm">Java Tutorial</a>
  </body>
</html>

নোট: এই সিলেক্টরটি কেস-সংবেদনশীল। যদি আপনি কেস-ইনসেনসিটিভ মিলান চান, তবে [href*="java" i] ব্যবহার করুন (আধুনিক ব্রাউজারগুলিতে সমর্থিত)।

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

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

  3. CSS দিয়ে <p> এলিমেন্টের পূর্বে থাকা সকল <ul> এলিমেন্ট সিলেক্ট করুন

  4. CSS-এ নির্বাচিত এলিমেন্টের অ্যাট্রিবিউট মান রিটার্ন করা