如何使用CSS删除类

如何使用CSS删除类,css,Css,我需要从CSS上的@media print中的不同元素中删除类,并在@media屏幕上添加这些类 是否仍有从CSS文件中删除类的方法 比如: @media print{ .element{/*Remove class*/} } @media screen{ .element{/*Add class*/} } 我需要删除jQuery函数添加的ui选项卡hide(它以一种奇怪的方式隐藏元素,因为在打印时它不是display:block或display:none)类,并在打印完成后将

我需要从CSS上的
@media print
中的不同元素中删除类,并在
@media屏幕上添加这些类

是否仍有从CSS文件中删除类的方法

比如:

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

我需要删除jQuery函数添加的
ui选项卡hide
(它以一种奇怪的方式隐藏元素,因为在打印时它不是
display:block
display:none
)类,并在打印完成后将其放回原处。

否。CSS无法修改DOM,只有它的表示。

CSS无法从HTML文档中取出元素,但是您可以尝试以下操作:

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

这将告诉打印介质不要显示此元素。

您可以使用jQuery来执行此操作

$(<element>).removeClass() // or removeClass(<the class to be removed>)
$(<element>).addClass(<new class>)
$().removeClass()//或removeClass()
$().addClass()
如果要在加载页面时执行此操作,可以将其包含在document ready函数中(如下所示)

$(文档).ready(函数(){
$().removeClass()
$().addClass()
});

它不能作为元素使用jquery中的类隐藏,我认为它是ui小部件,因此,display:none或display:block不会对其产生影响。@Cesar Lopez:所以您需要删除这些类,以便jQuery不会对它们应用任何函数?是的,我需要在打印时从这些元素中删除ui小部件类,并在打印完成后将其放回。在media=all的样式表中包含所有媒体的CSS。在media=print中仅包含屏幕的CSS。在media=print中包含print only的CSS。当打印和打印完成时,javascript将检测到什么?为什么不试试
:not
。。。检查
$( document ).ready(function() {
    $(<element>).removeClass()
    $(<element>).addClass(<new class>)
});