सीएसएस

Question

का उपयोग कर कक्षा को कैसे हटाएं मुझे अपने सीएसएस पर @media print के भीतर विभिन्न तत्वों से कक्षाओं को हटाने की आवश्यकता है और उन कक्षाओं को @media screen पर जोड़ें।

क्या सीएसएस फ़ाइल से कक्षाओं को हटाने के लिए वैसे भी है?

कुछ की तरह:

@media print{ 
    .element{/*Remove class*/} 
} 
@media screen{ 
    .element{/*Add class*/} 
} 

मैं मुद्रण के समय में उन तत्वों से ui-tabs-hide एक jQuery समारोह से जोड़ा दूर करने के लिए (जो एक अजीब तरह से तत्व छुपाता है, इसकी नहीं display:block या display:none के रूप में) वर्ग की जरूरत है और मुद्रण समाप्त होने पर इसे वापस डाल दिया।

Answer 1

नहीं सीएसएस डीओएम को संशोधित नहीं कर सकता, केवल इसकी प्रस्तुति।

Answer 2

सीएसएस नहीं HTML दस्तावेज़ से तत्वों बाहर ले जा सकते हैं, फिर भी आप की तरह कुछ की कोशिश कर सकते:

@media print{ 
element.relevantclass 
    { 
    display: none; 
    } 

यह प्रिंट मीडिया बता इस तत्व को प्रदर्शित नहीं करने के लिए होगा।

Answer 3

आप ऐसा करने के लिए jQuery का उपयोग कर सकते हैं।

$(<element>).removeClass() // or removeClass(<the class to be removed>) 
$(<element>).addClass(<new class>) 

यदि आप पृष्ठ की लोडिंग पर ऐसा करना चाहते हैं, तो आप इस दस्तावेज़ तैयार समारोह में (जैसा कि नीचे दिखाया गया है) शामिल कर सकते हैं

$(document).ready(function() { 
    $(<element>).removeClass() 
    $(<element>).addClass(<new class>) 
});