css - सीएसएस नियम केवल तब लागू होता है जब तत्व में दोनों कक्षाएं हों





css-selectors (4)


यदि आपको प्रोगामैटिक समाधान की आवश्यकता है तो इसे jQuery में काम करना चाहिए: $(".abc.xyz").css("width", 200);

मान लें कि हमारे पास यह मार्कअप है:

<div class="abc"> ... </div>
<div class="xyz"> ... </div>
<div class="abc xyz" style="width: 100px"> ... </div>

क्या केवल <div> का चयन करने का कोई तरीका है जिसमें दोनों abc और xyz कक्षाएं हैं (अंतिम एक) और प्रभावी चौड़ाई 200px बनाने के लिए इसकी इनलाइन चौड़ाई को ओवरराइड करें?

कुछ इस तरह:

[selector] {
  width: 200px !important;
}



div.abc.xyz {
    /* rules go here */
}

... या केवल:

.abc.xyz {
    /* rules go here */
}



नीचे दिए गए दो वर्गों के साथ सभी टैग पर लागू होता है

.abc.xyz {  
  width: 200px !important;
}

निम्नलिखित दो वर्गों के साथ div टैग पर लागू होता है

div.abc.xyz {  
  width: 200px !important;
}

अगर आप jQuery का उपयोग करके इसे संशोधित करना चाहते हैं

$(document).ready(function() {
  $("div.abc.xyz").width("200px");
});



बहुत कुछ खोजने के बाद, आज मेरे लिए काम करने वाला कुछ जोड़ रहा है ...

<div class="form-group" ng-class="{true: 'has-error'}[ctrl.submitted && myForm.myField.$error.required]">

उम्मीद है कि यह आपके सफल विकास में सहायता करता है।

=)

अनियंत्रित अभिव्यक्ति सिंटेक्स: ग्रेट वेबसाइट लिंक ... =)







css css-selectors