如何使用CSS删除类
我需要从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)类,并在打印完成后将
@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>)
});