如何防止打印:: after css后？

Question

我正在尝试打印我的网页，但问题是css中的::after始终显示在打印视图中我试图按照

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

CSS中的

程序来自here

更新： 这是我在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的情况下执行此操作，则必须使规则过于具体，以确保覆盖所有其他选择器，或者您可以尝试找到属于您的属性确定不被任何伪元素使用。