दिलचस्प पोस्ट
आईएसओ 8601 और आरएफसी 3339 दिनांक प्रारूप में क्या अंतर है? एप्लिकेशन रूट निर्देशिका को निर्धारित करने का सबसे अच्छा तरीका क्या है? जावास्क्रिप्ट सीएसएस चेक अगर अतिप्रवाह मैं सी # कोड से wpf में ResourceDictionary का उपयोग कैसे कर सकता हूँ? कोणीयज: संसाधन ऑब्जेक्ट को कैशिंग कैसे जोड़ें? बस मार्ग प्राप्त करने के लिए Google मानचित्र API पायथन के टुकड़ा नोटेशन को समझना फ़ाइल संवाद खोलें और एक फ़ाइल का चयन करें WPF नियंत्रण और सी # का उपयोग कर कोको एप्लिकेशन से एप्पल स्क्रिप्ट चलाएं डेटा फ्रेम के दो सेट के बीच मिलान का सूचक कैसे मिला UIButtons के साथ UIScrollview – कैसे वसंत का निर्माण करने के लिए? JSON सरणी के रूप में json_encode sparse PHP सरणी, JSON ऑब्जेक्ट नहीं PHP रिलेशनल डेटा के साथ एक सरणी से एक बहुआयामी सरणी बनाएं जीनोम-कीरिंग एकीकरण के साथ जीआईटी का उपयोग कैसे करें जीमेल एपीआई: एक ईमेल भेजने की कोशिश करते समय 400 बुरा अनुरोध (PHP कोड)

क्या मैं एक सीएसएस चयनकर्ता को कोई विशिष्ट वर्ग नहीं होने वाले तत्वों का चयन कर सकता हूं?

मैं एक सीएसएस चयनकर्ता नियम लिखना चाहता हूं जो सभी तत्वों का चयन करता है जिनके पास निश्चित क्लास नहीं है। उदाहरण के लिए, निम्नलिखित HTML दिया गया है:

<html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav> <!-- Some menu links... --> </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super interresting and you should print it! </p> </body> </html> 

मैं एक चयनकर्ता लिखना चाहूंगा जो सभी तत्वों का चयन करता है जिनके पास "प्रिंट करने योग्य" वर्ग नहीं है, जो इस मामले में, एनएवी और तत्व हैं।

क्या यह संभव है?

नोट: वास्तविक एचटीएमएल में जहां मैं इसे इस्तेमाल करना चाहूंगा, वहां बहुत अधिक तत्व होने जा रहे हैं, जिनके पास "प्रिंट करने योग्य" वर्ग नहीं है (मुझे लगता है कि ऊपर के उदाहरण में यह दूसरी तरफ है)।

Solutions Collecting From Web of "क्या मैं एक सीएसएस चयनकर्ता को कोई विशिष्ट वर्ग नहीं होने वाले तत्वों का चयन कर सकता हूं?"

सामान्यत: आप एक क्लास चयनकर्ता को इस प्रकार जोड़ते हैं :not() छद्म-वर्ग की तरह:

 :not(.printable) { /* Styles */ } 

लेकिन अगर आपको बेहतर ब्राउज़र समर्थन की आवश्यकता है (IE8 और पुराने समर्थन नहीं करते हैं :not() ), तो आप संभवत: उन तत्वों के लिए शैली नियम बनाने से बेहतर हैं जो "प्रिंट करने योग्य" वर्ग हैं यदि आपके वास्तविक मार्कअप के बारे में आप क्या कहते हैं, इसके बावजूद भी यह संभव नहीं है, तो आपको उस सीमा के आसपास अपना मार्कअप काम करना पड़ सकता है

ध्यान रखें कि, इस नियम में आपके द्वारा निर्धारित गुणों के आधार पर, इनमें से कुछ या तो वंश द्वारा विरासत में प्राप्त किए जा सकते हैं। .printable , या अन्यथा उन्हें एक ही रास्ता या अन्य को प्रभावित करते हैं उदाहरण के लिए, हालांकि display को इनहेरिट नहीं किया जाता है, तो display: none सेट किया जाता display: none :not(.printable) इसे और उसके सभी वंश को प्रदर्शित करने से रोक देगा, क्योंकि यह तत्व और इसके सबट्री को लेआउट से पूरी तरह से निकाल देता है। आप अक्सर visibility: hidden का उपयोग करके इसके चारों ओर देख सकते हैं visibility: hidden इसके बजाय visibility: hidden दिखाई देने वाले दृश्यों को दिखाने के लिए अनुमति दी जाएगी, लेकिन छिपे हुए तत्व अभी भी मूल रूप से किए गए लेआउट को प्रभावित करेंगे। संक्षेप में, बस सावधान रहें

 :not([class]) 

असल में, यह उस किसी भी चीज का चयन करेगा जिसमें उसके पास सीएसएस क्लास ( class="css-selector" ) नहीं है।

मैंने एक जेस्फील्ड डेमो बनाया

  h2 {color:#fff} :not([class]) {color:red;background-color:blue} .fake-class {color:green} 
  <h2 class="fake-class">fake-class will be green</h2> <h2 class="">empty class SHOULD be white</h2> <h2>no class should be red</h2> <h2 class="fake-clas2s">fake-class2 SHOULD be white</h2> <h2 class="">empty class2 SHOULD be white</h2> <h2>no class2 SHOULD be red</h2> 

:not अस्वीकृति छद्म वर्ग नहीं

अस्वीकृति सीएसएस छद्म वर्ग :not(X) , एक तर्कसंगत तर्क के रूप में सरल चयनकर्ता एक्स को ले जाने वाला एक कार्यात्मक संकेतन है। यह उस तत्व से मेल खाता है जो तर्क के द्वारा प्रतिनिधित्व नहीं किया गया है। एक्स में एक और नकारात्मक चयनकर्ता नहीं होना चाहिए

आप उपयोग कर सकते हैं :not मिलान किए गए तत्वों के किसी भी उपसेट को बाहर करने के लिए :not , जैसा कि आप सामान्य सीएसएस चयनकर्ता होते हैं।


सरल उदाहरण: क्लास द्वारा छोड़ा गया

div:not(.class)

वर्ग के बिना सभी div तत्वों का चयन करेंगे। .class

 div:not(.class) { color: red; } 
 <div>Make me red!</div> <div class="class">...but not me...</div> 

मुझे लगता है कि यह काम करना चाहिए:

 :not(.printable) 

"नकारात्मक सीएसएस चयनकर्ता" जवाब से

बस उस योगदान के लिए, जैसा कि ऊपर के उत्तरों: नहीं () प्रभाव बनाने या दृश्य / डीओएम का समायोजन करने के बजाय कोणीय रूपों में बहुत प्रभावी हो सकता है,

 input.ng-invalid:not(.ng-pristine) { ... your css here ie border-color: red; ...} 

यह सुनिश्चित करता है कि आपके पृष्ठ को लोड करने पर, इनपुट फ़ील्ड केवल अमान्य (लाल सीमाएं या पृष्ठभूमि, आदि) दिखाएंगे यदि उनके पास डेटा जोड़ा गया है (यानी अब पुराना नहीं) लेकिन अमान्य है

आप उपयोग कर सकते हैं :not(.class) चयनकर्ता जैसा कि पहले उल्लेख किया गया है

यदि आप इंटरनेट एक्सप्लोरर संगतता के बारे में ध्यान रखते हैं तो मैं आपको http://selectivizr.com/ का उपयोग करने की सलाह देता हूं।

लेकिन अपाचे के तहत इसे चलाने के लिए याद रखें अन्यथा आप प्रभाव को नहीं देखेंगे।

उदाहरण

  [class*='section-']:not(.section-name) { @include opacity(0.6); // Write your css code here } 

// अस्पष्टता 0.6 सभी "खंड-" लेकिन "खंड-नाम" नहीं