如何使用CSS删除类

Question

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

有没有从CSS文件中删除类？

类似的东西：

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

我需要删除由jQuery函数添加的ui-tabs-hide（它以一种奇怪的方式隐藏元素，因为它不是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>)
});