html - 从打印页面中删除 href 而不更改样式

Question

我有一个问题，当我尝试打印页面时，每个链接都在其后面的 () 之间获取 URL。我找到了 multiple questions在这里，解决方案有效。不过，除此之外，我还有一个问题:添加解决方案后，我在 print.css 中的样式似乎被忽略了。

我的 CSS

.header-breadcrumb {
    margin-top: 0 !important;
}

.nonPrint, hr, .shows-more, #videoGallery{
    display: none;
}

.single-event .container .col-md-9 {
    width: 70%;
    float: left;
}

.single-event .container .col-md-3 {
    width: 30%;
    float: left;
}

.single-calendar .table-responsive table tbody tr td {
    padding: 2px 5px;
}

.single-description {
    font-size: 10pt !important;
}

h1 {
    font-size: 12pt !important;
}

.printLogo {
    display: block !important;
    width: 200px;
    padding-left: 10px;
}

但是当我添加

a:after {  
      display: none;
      content: "";    
}

字体大小被忽略并跳回到它们的原始值(或者看起来如此)。我该如何解决这个问题？

在左侧，您会看到文件的本来面目(包括右侧边栏中的链接，必须将其删除)，在右侧，您会看到带有 href 的文件> 已删除，但 print.css 中的所有新样式似乎都被忽略了。

Answer 1

不要理会我之前说的话。样式上的差异来自以下方面:

由于这个 CSS，侧边栏必须填充 30%:

.single-event .container .col-md-3 {
    width: 30%;
    float: left;
}

但由于它输出的 URL 在第一个 - 之前不能被破坏，所以 30% 宽意味着调整字体大小(Chrome 会自动执行)。隐藏 URL 可以实际应用我试图通过 CSS 应用的字体大小，使所有内容都比原始文件中的更大，而原始文件实际上没有听 CSS。

捂脸

这在未来可能对其他 2 个人有用，所以我将问题留在这里。