Css 如何在打印介质时显示div，在其他时间隐藏？

我想用它只打印要打印的

#部分

：

@media print {
    body * {
        visibility: hidden;
    }
    #section-to-print, #section-to-print * {
        visibility: visible;
    }
    #section-to-print {
        position: absolute;
        left: 0;
        top: 0;
    }
}

---

如何扩展此功能以在屏幕上显示时隐藏要打印的

#部分？换句话说，它只有在打印介质时才可见。
将其设置为可见性：隐藏，则@media print可以覆盖它

#section-to-print, #section-to-print * {
    visibility: hidden;
}
@media print {
    body * {
        visibility: hidden;
    }
    #section-to-print, #section-to-print * {
        visibility: visible;
    }
    #section-to-print {
        position: absolute;
        left: 0;
        top: 0;
    }
}

在媒体查询之外，将其设置为隐藏…我知道如何仅对屏幕执行此操作，但不是对所有类型。你会接受我的回答吗？是的，我尝试过，但它说我必须再等几分钟。@bjb568态度不错。