Как удалить класс с помощью CSS

Мне нужно удалить классы из разных элементов в @media print на моем CSS и добавить эти классы в @media screen.

Есть ли способ удалить классы из файла CSS?

Что-то вроде:

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

Мне нужно удалить ui-tabs-hide, добавленную функцией jQuery (которая скрывает элемент странным образом, как его класс display:block или display:none) от этих элементов во время печати и вернет его, когда готовая печать.

Ответы

Ответ 1

Нет. CSS не может изменять DOM, только его представление.

Ответ 2

CSS не может вынимать элементы из HTML-документа, однако вы можете попробовать что-то вроде:

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

Это означает, что печатные носители не отображали этот элемент.

Ответ 3

вы можете использовать jQuery для этого.

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

если вы хотите сделать это при загрузке страницы, вы можете включить ее в функцию готовности документа (как показано ниже)

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