Question

我的页面中有一个可滚动的div，我想打印它的全部内容，而不打印网站的其余部分。我有一个名为print.css的文件，代码为：

/* print style for quiz */

@media print {

.video-container{
    background-color:red;
}

#check-answers-button,#previous-quiz-button,#next-quiz-button,#print-quiz-button,#retake-test-button{
    display:none;
}

input[type=text]{
    border:none;
    border-bottom:1px solid black;
}

input[type=radio]{
    display:none;
}

}

.video-container是我想要显示的div的类。我的问题是我尝试使用选择器body > *:not(.video-container)隐藏除div之外的所有其他内容，但是当我使用该命令时，打印预览无法加载。然后，正如您在上面的代码中看到的那样，我尝试将它的背景颜色设置为红色以查看它是否有效，但事实并非如此。更奇怪的是，其他3个属性（带有按钮和输入标签的属性）实际上正在工作。那么我做错了什么？

还包括我使用的文件：

<link rel="stylesheet" href="QuizHandler/print.css" type="text/css" media="print" >

css @media打印不完全正常

0 个答案: