CSS में कई विशेषता चयनकर्ताओं को निर्दिष्ट करें


295

कुछ करने के लिए वाक्य रचना क्या है:

input[name="Sex" AND value="M"]

मूल रूप से, मैं उस inputतत्व का चयन करना चाहता हूं जिसमें विशेषता के name="Sex"साथ-साथ विशेषता भी है value="M":

<input type="radio" name="Sex" value="M" />

निम्नलिखित जैसे तत्वों का चयन नहीं किया जाना चाहिए :

<input type="radio" name="Sex" value="F" />

जवाबों:


436

सरल input[name=Sex][value=M]बहुत अच्छा करेगा। और यह मानक डॉक में वास्तव में अच्छी तरह से वर्णित है :

एकाधिक विशेषता चयनकर्ताओं का उपयोग किसी तत्व की कई विशेषताओं को संदर्भित करने के लिए किया जा सकता है, या एक ही विशेषता के लिए कई बार भी किया जा सकता है।

यहां, चयनकर्ता सभी स्पैन तत्वों से मेल खाता है, जिनके "हैलो" विशेषता का मूल्य "क्लीवलैंड" है और जिनकी "अलविदा" विशेषता का वास्तव में मूल्य "कोलंबस" है:

span[hello="Cleveland"][goodbye="Columbus"] { color: blue; }

एक साइड नोट के रूप में, एक विशेषता मान के आसपास उद्धरण चिह्नों का उपयोग केवल तभी आवश्यक है जब यह मान मान्य पहचानकर्ता न हो।

JSFiddle डेमो


8
क्या ऐसा कुछ है, लेकिन या के बजाय?
törzsmókus

4
आपका मतलब ,(अल्पविराम) से है?
बरसाना 7

2
आप स्पैन [हेल्लो = "क्लीवलैंड"], [अलविदा = "कोलंबस"] नहीं लिख सकते, लेकिन आपको एक (संभवतः लंबा) भाग दोहराना होगा।
törzsmókus

आपको वास्तव में (कम से कम इस समय के लिए) है, जब तक कि आप प्रीप्रोसेसर का उपयोग नहीं करते हैं। अधिक जानकारी के लिए इस धागे से परामर्श करें
बरसाना 7

67

इसे संक्षिप्त करने के लिए:

input[name="Sex"][value="M"] {}

और यूनियन लेने के लिए यह है:

input[name="Sex"], input[value="M"] {}

31

विशेषता चयनकर्ताओं को सम्‍मिलित करें:

input[name="Sex"][value="M"]

1
यह ध्यान देने योग्य है कि कम से कम एक विशेषता मान उद्धृत किया जाना चाहिए। यह विफल हो जाएगा यदि आपने इसे लिखा है, input[name=Sex][value=M]भले ही यह केवल एक विशेषता के साथ चयनकर्ता के लिए मान्य होगा जो उद्धरण का उपयोग नहीं करता है।
stevec

1
@stevec क्या आप इसका मतलब स्वीकार किए गए उत्तर पर डाल सकते हैं? मैंने अपने उत्तर में मानों को उद्धृत किया है। मुझे भी नहीं लगता कि यह सच है। यदि उत्तर में कुछ वर्ण हैं लेकिन इस उदाहरण में नहीं, तो आपको उद्धरण चिह्नों की आवश्यकता है। mothereff.in/unquoted-attributes
डेनिस

मैंने उस नोट को जोड़ा क्योंकि मैंने कई ब्राउज़र में इसे बिना उद्धरण के आज़माया और यह सभी में विफल रहा। मेरा मानना ​​है कि मुद्दा यह है कि कम से कम एक उद्धरण के बिना, यह अस्पष्ट है क्योंकि इसे एक इनपुट के रूप में व्याख्या की जा सकती है जिसका नाम हैSex][value=M
स्टीव जेले

@stevec कोष्ठक उस सटीक कारण के अयोग्य विशेषताओं में अमान्य हैं। यह उदाहरण फ़ायरफ़ॉक्स और क्रोम में काम करता है: jsfiddle.net/o2abekdh/3
डेनिस

4

बस यह जोड़ने के लिए कि चयनकर्ता और उद्घाटन ब्रैकेट के बीच कोई स्थान नहीं होना चाहिए।

td[someclass] 

काम करेगा। परंतु

td [someclass] 

नहीं होगा।


हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.