উত্তর:
[id^=product]
^=
"দিয়ে শুরু" ইঙ্গিত করে। বিপরীতে, $=
"সমাপ্তি" নির্দেশ করে।
প্রতীকগুলি প্রকৃতপক্ষে রেজেক্স সিনট্যাক্স থেকে ধার করা হয়েছে, যেখানে ^
এবং $
যথাক্রমে "স্ট্রিংয়ের শুরু" এবং "স্ট্রিংয়ের সমাপ্তি" mean
সম্পূর্ণ তথ্যের জন্য চশমা দেখুন ।
product
স্পষ্টভাবে একটি বৈধ শনাক্তকারী, এবং তাই কোন উদ্ধৃতি প্রয়োজন।
:not([id^=product])
আমি এটি এইভাবে করব:
[id^="product"] {
...
}
আদর্শভাবে, একটি ক্লাস ব্যবহার করুন। এটি ক্লাসগুলির জন্য যা:
<div id="product176" class="product"></div>
<div id="product177" class="product"></div>
<div id="product178" class="product"></div>
এবং এখন নির্বাচক হয়:
.product {
...
}
বৈশিষ্ট্য নির্বাচনকারী ব্যবহার করুন
[id^=product]{property:value}
আমি লক্ষ্য করেছি যে আর একজন সিএসএস নির্বাচক আছেন যা একই কাজ করে। বাক্য গঠনটি নিম্নরূপ:
[id|="name_id"]
এটি সমস্ত উপাদান আইডি নির্বাচন করবে যা ডাবল উক্তিগুলিতে আবদ্ধ শব্দের সাথে শুরু হয়।
att|=val
হিসাবে একই নয় att^=val
। উল্লিখিত রেফারেন্স থেকে: |=
নির্বাচক "এন্টি অ্যাট্রিবিউটের সাথে একটি উপাদানকে উপস্থাপন করে, এর মান হয়" ভল "হয়ে থাকে বা" ভল "দিয়ে তত্ক্ষণাত" "দ্বারা অনুসরণ করা হয় ।" সুতরাং "প্রোডাক্ট 42" এর মতো কোনও আইডি মিলবে না |=
, তবে "পণ্য -২২" হবে।