सीएसएस "और" और "या"

Question

मुझे काफी बड़ी परेशानी मिली है, क्योंकि मुझे कुछ इनपुट प्रकारों को स्टाइल करने से एनाथेमैटिस की आवश्यकता है। मेरे पास कुछ ऐसा था:

.registration_form_right input:not([type="radio") 
{ 
//Nah. 
} 

लेकिन मैं चेकबॉक्स भी स्टाइल नहीं करना चाहता हूं।

मैं कोशिश की है:

.registration_form_right input:not([type="radio" && type="checkbox"]) 
.registration_form_right input:not([type="radio" && "checkbox"]) 
.registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"]) 

&& का उपयोग कैसे करें? और मुझे जल्द ही || का उपयोग करने की आवश्यकता होगी, और मुझे लगता है कि उपयोग समान होगा।

अद्यतन:
मैं अभी भी सही ढंग से || और && उपयोग करने के लिए कैसे पता नहीं है। मुझे डब्ल्यू 3 डॉक्स में कुछ भी नहीं मिला।

Answer 1

&& stringing-साथ कई चयनकर्ताओं द्वारा काम करता है की तरह इतना:

<div class="class1 class2"></div> 

div.class1.class2 
{ 
    /* foo */ 
} 

एक और उदाहरण:

<input type="radio" class="class1" /> 

input[type="radio"].class1 
{ 
    /* foo */ 
} 

"||" जैसे-तो अल्पविराम से चयनकर्ताओं को अलग करके काम करता है: एक तरफ नोट के रूप में

<div class="class1"></div> 
<div class="class2"></div> 

div.class1, 
div.class2 
{ 
    /* foo */ 
} 

, मैं "नहीं" चयनकर्ता का उपयोग, क्योंकि यह इंटरनेट एक्सप्लोरर द्वारा समर्थित नहीं है के खिलाफ की सिफारिश करेंगे। एक सर्वेक्षण के आधार पर, 60% लोग इंटरनेट एक्सप्लोरर के कुछ संस्करण का उपयोग करते हैं, इसलिए आपकी वेबसाइट बहुत से लोगों के लिए काम नहीं करेगी।

Answer 2

मुझे लगता है कि आप अधिक चयनकर्ताओं को लिखने और उन्हें अल्पविराम से विभाजित करने से नफरत करते हैं?

.registration_form_right input:not([type="radio"]), 
.registration_form_right input:not([type="checkbox"]) 
{ 
} 

और BTW यह

not([type="radio" && type="checkbox"]) 

अधिक की तरह "इनपुट है जो इन दोनों प्रकार की जरूरत नहीं है" :)

Answer 3

और (&&) मेरे लिए लग रहा है:

.registration_form_right input:not([type="radio"]):not([type="checkbox"]) 

या (||):

.registration_form_right input:not([type="radio"]), 
    .registration_form_right input:not([type="checkbox"]) 

Answer 4

:not छद्म-वर्ग IE द्वारा समर्थित नहीं है। वहाँ

.registration_form_right input[type="text"], 
.registration_form_right input[type="password"], 
.registration_form_right input[type="submit"], 
.registration_form_right input[type="button"] { 
    ... 
} 

कुछ दोहराव है, लेकिन यह एक छोटे से कीमत अधिक संगतता के लिए भुगतान करने के लिए है: मैं इस के बजाय की तरह कुछ के लिए मिला था।

Answer 5

बस अगर कोई मेरे जैसा फंस गया हो। पोस्ट के बाद और कुछ हिट और परीक्षण यह मेरे लिए काम किया।

input:not([type="checkbox"])input:not([type="radio"]) 

Answer 6

आप किसी भी तरह "या" & और का उपयोग कर के व्यवहार को पुनः कर सकते हैं: नहीं।

SomeElement.SomeClass [data-statement="things are getting more complex"] :not(:not(A):not(B))  { 
    /* things aren't so complex for A or B */ 
} 

Answer 7

गुण a और एक X तत्व की b चुनने के लिए:

X[a][b] 

गुण a या एक X तत्व की b चुनने के लिए:

X[a],X[b]