जवाबों:
[id^=product]^=इंगित करता है "के साथ शुरू होता है"। इसके विपरीत, $=इंगित करता है "के साथ समाप्त होता है"।
प्रतीकों को वास्तव में रेगेक्स सिंटैक्स से उधार लिया जाता है, जहां ^और$ क्रमशः "स्ट्रिंग की शुरुआत" और "स्ट्रिंग का अंत" का मतलब है।
पूरी जानकारी के लिए चश्मा देखें ।
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}मैंने देखा कि एक और CSS चयनकर्ता है जो समान काम करता है। सिंटैक्स निम्नानुसार है:
[id|="name_id"]यह सभी तत्वों की आईडी का चयन करेगा जो दोहरे उद्धरणों में संलग्न शब्द से शुरू होता है।
att|=valके रूप में ही नहीं है att^=val। उल्लेख किए गए संदर्भ से: |=चयनकर्ता "एट विशेषता के साथ एक तत्व का प्रतिनिधित्व करता है, इसका मूल्य या तो" वैल "या" वैल "के साथ शुरू होता है, जिसके तुरंत बाद" - "होता है ।" तो "product42" जैसी आईडी का मिलान नहीं किया जाएगा। |=, लेकिन "उत्पाद -42" होगा।