2012-09-09 9 views
175

में कई विशेषता चयनकर्ताओं निर्दिष्ट करें क्या की तरह कुछ करने के लिए वाक्य रचना है:सीएसएस

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

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

असल में, मैं input तत्व विशेषता name="Sex" है और साथ ही विशेषता value="M" चयन करना चाहते हैं जैसे कि निम्न

तत्वों नहीं चयन किया जाना चाहिए:

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

उत्तर

261

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

एकाधिक विशेषता चयनकर्ताओं एक ही विशेषता के एक तत्व के कई गुण, या यहाँ तक कि कई बार उल्लेख करने के लिए इस्तेमाल किया जा सकता।

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

:

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

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

JSFiddle Demo

+2

ऐसा कुछ है, लेकिन या इसके बजाय? –

+1

आपका मतलब ',' (अल्पविराम) के अलावा है? – raina77ow

+1

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

26

जुटना विशेषता चयनकर्ताओं:

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

यह श्रृंखलाबद्ध के लिए है:

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

और यह है संघ लेने के लिए:

input[name="Sex"], input[value="M"] {} 
-2
[class*="test"],[class="second"] { 
background: #ffff00; 
} 
3

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

td[someclass] 

काम करेगा। लेकिन

td [someclass] 

नहीं होगा।