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

CSS-এ অ্যাট্রিবিউট সিলেক্টর

আপনি নির্দিষ্ট অ্যাট্রিবিউট থাকা HTML এলিমেন্টগুলোর জন্য স্টাইল প্রয়োগ করতে পারেন। নিচের স্টাইল রুলটি type অ্যাট্রিবিউট যার মান text এমন সকল input এলিমেন্টে ম্যাচ করবে:

input[type="text"] {
  color: #000000;
}

অ্যাট্রিবিউট সিলেক্টরে প্রয়োগ হওয়া রুলগুলো:

  • p[lang] — lang অ্যাট্রিবিউট থাকা সকল প্যারাগ্রাফ এলিমেন্ট সিলেক্ট করে।
  • p[lang="fr"] — lang অ্যাট্রিবিউটের মান সঠিক "fr" হলে সিলেক্ট করে।
  • p[lang~="fr"] — lang অ্যাট্রিবিউটে "fr" শব্দ থাকলে সিলেক্ট করে।
  • p[lang|="en"] — lang অ্যাট্রিবিউটের মান সঠিক "en" বা "en-" দিয়ে শুরু হলে সিলেক্ট করে।
  1. CSS-এ ডিসেন্ডেন্ট সিলেক্টরস

  2. CSS এ অ্যাডজেসেন্ট সিবলিং সিলেক্টর (Adjacent Sibling Selectors)

  3. CSS Attribute Selectors ব্যবহার করে ফর্ম স্টাইলিং

  4. CSS Advanced Selectors (উন্নত সিলেক্টর)