স্ট্রিং (জাভাস্ক্রিপ্টে নয়) দিয়ে শুরু হওয়া আইডি নির্বাচন করতে সিএসএস কীভাবে পাবেন?


192

এইচটিএমএল এর মতো উপাদান থাকলে:

id="product42"
id="product43"
...

আমি কীভাবে এই আইডির সমস্তটির সাথে "পণ্য" দিয়ে শুরু করব?

আমি উত্তরগুলি দেখেছি যা এটি ঠিক জাভাস্ক্রিপ্ট ব্যবহার করে করে তবে কেবল সিএসএস দিয়ে কীভাবে এটি করা যায়?

উত্তর:


361
[id^=product]

^="দিয়ে শুরু" ইঙ্গিত করে। বিপরীতে, $="সমাপ্তি" নির্দেশ করে।

প্রতীকগুলি প্রকৃতপক্ষে রেজেক্স সিনট্যাক্স থেকে ধার করা হয়েছে, যেখানে ^এবং $যথাক্রমে "স্ট্রিংয়ের শুরু" এবং "স্ট্রিংয়ের সমাপ্তি" mean

সম্পূর্ণ তথ্যের জন্য চশমা দেখুন ।


1
পদ্ধতি এবং ব্যাখ্যাটির জন্য ধন্যবাদ, আমি আমার প্রশ্নটি সম্পাদনা করেছি যাতে এটি আরও পরিষ্কার হয়। কৌতূহলের বাইরে, আইডির স্ট্রিংয়ের ভিতরে কোনও স্ট্রিং মেলে কী উপায় আছে?
গুপ্ত্রন

চশমা দেখুন , তারা আমার চেয়ে ভাল এটি ব্যাখ্যা!
নিট দ্য ডার্ক আবসোল

@itamar: আমি আমার উত্তর সম্পাদনা করার জন্য আপনার প্রয়াসকে প্রশংসা করি, তবে মানটি কেবলমাত্র তখনই প্রয়োজন হয় যদি মানটিতে এমন কোনও অক্ষর থাকে যা বৈধ শনাক্তকারী নয়। productস্পষ্টভাবে একটি বৈধ শনাক্তকারী, এবং তাই কোন উদ্ধৃতি প্রয়োজন।
নীট দ্য ডার্ক আবসোল

এই ধরণের নির্বাচকটির বৈশিষ্ট্য খুব কম
21

3
@ :not([id^=product])
পান্না 214

59

আমি এটি এইভাবে করব:

[id^="product"] {
  ...
}

আদর্শভাবে, একটি ক্লাস ব্যবহার করুন। এটি ক্লাসগুলির জন্য যা:

<div id="product176" class="product"></div>
<div id="product177" class="product"></div>
<div id="product178" class="product"></div>

এবং এখন নির্বাচক হয়:

.product {
  ...
}

1
@ ব্লেন্ডার, ধন্যবাদ, আমি অন্য উত্তরটি বেছে নিয়েছি কারণ এটি আমার কাছে আরও কিছুটা ব্যাখ্যা করে এবং ব্যবহৃত চিহ্নগুলি বুঝতে পারে। আমি এই দৃশ্যের জন্য ক্লাস ব্যবহার করতে পারি না, অন্যথায়, হ্যাঁ এটি আরও ভাল লাগবে।
গুপ্ত্রন


-1

আমি লক্ষ্য করেছি যে আর একজন সিএসএস নির্বাচক আছেন যা একই কাজ করে। বাক্য গঠনটি নিম্নরূপ:

[id|="name_id"]

এটি সমস্ত উপাদান আইডি নির্বাচন করবে যা ডাবল উক্তিগুলিতে আবদ্ধ শব্দের সাথে শুরু হয়।


কীভাবে খেয়াল করলেন? রেফারেন্স?
বেন বোজর্গ

এখানে এই জন্য ডক: w3.org/TR/selectors-3/#attribute-selectors এই সব আইডি যা শুরু বা "name_id" করার সমান নির্বাচন করা উচিত
Dessauges Antoine:

att|=valহিসাবে একই নয় att^=val। উল্লিখিত রেফারেন্স থেকে: |=নির্বাচক "এন্টি অ্যাট্রিবিউটের সাথে একটি উপাদানকে উপস্থাপন করে, এর মান হয়" ভল "হয়ে থাকে বা" ভল "দিয়ে তত্ক্ষণাত" "দ্বারা অনুসরণ করা হয় ।" সুতরাং "প্রোডাক্ট 42" এর মতো কোনও আইডি মিলবে না |=, তবে "পণ্য -২২" হবে।
গুজাক
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.