2011-11-04 33 views
16

के माध्यम से तत्वों को कक्षाओं को असाइन करना मैं ब्राउज़र को किसी विशेष चयनकर्ता से मेल खाने वाले तत्वों को कुछ सीएसएस कक्षाएं निर्दिष्ट करने के लिए बताना चाहता हूं। क्या मैं इसे शुद्ध सीएसएस के साथ कर सकता हूं और यदि हां, तो कैसे?सीएसएस

उदाहरण: मैं सब h5 आईडी sidebar साथ एक div अंदर तत्वों वर्ग ui-corners-all

उत्तर

13

:

या वैकल्पिक रूप से, करने के लिए अपने ui-corners-all सीएसएस बदल जाते हैं।

केवल जावास्क्रिप्ट के साथ:

// jQuery 
$("h5").addClass("ui-corners-all"); 

// Pure JavaScript 
var elements = document.getElementsByTagName("h5"); 
for (var i=0; i<elements.length; i++) 
{ 
    var el = elements[i];  
    el.setAttribute("class", el.getAttribute("class") + " ui-corners-all"); 
} 
+1

प्रदान किया है यह बूटस्ट्रैप कक्षाओं को लागू करने का एक अजीब तरीका होगा ? मुझे ऐसा करने में दिलचस्पी है ताकि मैं किसी तत्व पर लागू होने वाले सभी सीएसएस का ट्रैक रख सकूं लेकिन मैं बूटस्ट्रैप को हटाने और इसे अपने कक्षा के नामों के साथ ओवरसीड्स के साथ जोड़ना चाहता हूं जैसे कि unCSS और मैं नहीं हूं सुनिश्चित करें कि यह उस या अन्य चीजों के साथ समस्याएं पैदा करेगा। – thesowismine

0

शुद्ध सीएसएस में उन तत्वों को यह मान देना कोई तरीका नहीं है करना चाहते हैं।

आप सब करने की ज़रूरत होगी:

#sidebar h5 
{ 

} 

फिर इस में ui-corners-all वर्ग से सभी शैलियों की प्रतिलिपि बनाएँ। नहीं, वह शुद्ध सीएसएस के साथ संभव नहीं है

.ui-corners-all, #sidebar h5 
{  

} 
+2

यह तकनीकी रूप से इन तत्वों को कक्षा "असाइन नहीं कर रहा है .. – jrharshath

+0

ने मेरा उत्तर अपडेट किया है, क्योंकि इन्हें शुद्ध सीएसएस में असाइन करने का कोई तरीका नहीं है, इसलिए ive ने एक वैकल्पिक – Curt

0

नहीं, आप नहीं कर सकते हैं। हालांकि आप इस प्रभाव को प्राप्त करने के लिए जावास्क्रिप्ट (jQuery अनुशंसित) का उपयोग कर सकते हैं।

+3

मुझे लगता है कि वह पहले से ही jQuery और jQuery UI ('ui-corners-all') का उपयोग कर रहा है;) – ComFreek

+0

आह, हाँ, आप सही हैं! : डी – Leonard