如何使用CSS刪除班級

Question

我需要從我的CSS中的@media print中的不同元素中移除班級，並在@media screen上添加這些班級。

有沒有辦法從CSS文件中刪除類？

是這樣的：

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

我需要在打印時從這些元素中刪除ui-tabs-hide由jQuery函數相加（其中隱藏的元件以不可思議的方式，因爲它不display:block或display:none）類並在完成打印後放回。

Answer 1

編號CSS不能修改DOM，只能修改其表示。

Answer 2

CSS無法從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>) 
});