html - 如何防止打印::在 css 之后？

Question

我正在尝试打印我的网页，但问题是 css 中的 ::after 始终显示在打印 View 中 我尝试遵循

@media print{
    .noprint{
        display:none;
    }
}

来自 here 的 CSS 程序

更新: 这是我的 CSS 代码

@media print{
#submenu,#submenu:after,#add,#view,#del,#edit,#menu_content,#menu{display:none;}
}//should i put double':'?

这是

Answer 1

正如 Mark Nijboer 在评论中提到的，以下规则有效:

@media print {
    *::after {
        display: none !important;
    }
}

另一种方法是:

@media print {    
    *noprint::after {
        content: '' !important;
    }
}

任何浏览器都不会显示没有内容的伪元素。

如果您坚持不使用 !important 来执行此操作，您要么必须使规则过于具体以确保覆盖所有其他选择器，要么您可以尝试找到一个属性你确定没有被任何伪元素使用。