একটি অ্যাট্রিবিউট মানের উপর ভিত্তি করে সিলেক্টর
একটি অ্যাট্রিবিউট মানের উপর ভিত্তি করে সিলেক্টর এমন একটি উপাদানের জন্য স্টাইল নির্ধারণ করে, যার অ্যাট্রিবিউটে নির্দিষ্ট মানগুলির মধ্যে অন্তত একটি রয়েছে। এই ক্ষেত্রে, অ্যাট্রিবিউটের সমস্ত মান অবশ্যই স্পেস দ্বারা পৃথক করা থাকতে হবে।
উদাহরণ
আসুন সমস্ত <p> খুঁজে বের করি যাতে
একটি মান হিসাবে test রয়েছে, এবং সেগুলিকে
নীল রঙে রাঙানো যাক:
<p class="test main">text1</p>
<p class="text">text2</p>
<p class="tag test">text3</p>
p[class~="test"] {
color: blue;
}
:
আরও দেখুন
-
অ্যাট্রিবিউট সিলেক্টর,
যা অ্যাট্রিবিউটের নাম অনুসারে উপাদান খুঁজে -
অ্যাট্রিবিউট সিলেক্টর,
যা অ্যাট্রিবিউটের মান অনুসারে উপাদান খুঁজে -
অ্যাট্রিবিউট সিলেক্টর,
যা অ্যাট্রিবিউট মানের শুরু অনুসারে উপাদান খুঁজে -
অ্যাট্রিবিউট সিলেক্টর,
যা অ্যাট্রিবিউট মানের শেষ অনুসারে উপাদান খুঁজে -
অ্যাট্রিবিউট সিলেক্টর,
যা অ্যাট্রিবিউট মানের মধ্যে পাঠ্য অনুসারে উপাদান খুঁজে -
অ্যাট্রিবিউট সিলেক্টর,
যা অ্যাট্রিবিউট মানের মধ্যে হাইফেন অনুসারে উপাদান খুঁজে -
চাইল্ড সিলেক্টর,
যা সরাসরি নেস্টিং অনুসারে উপাদান নির্বাচন করতে দেয় -
কনটেক্সটুয়াল সিলেক্টর,
যা এর প্যারেন্ট অনুসারে একটি উপাদান নির্বাচন করতে দেয় -
অ্যাডজেসেন্ট সিলেক্টর,
যা এর প্রতিবেশী অনুসারে একটি উপাদান নির্বাচন করতে দেয় -
সিবলিং সিলেক্টর,
যা একটি নির্দিষ্ট উপাদানের পরের উপাদানগুলি নির্বাচন করতে দেয় -
ইউনিভার্সাল সিলেক্টর,
যা সমস্ত উপাদান নির্বাচন করতে দেয়
