Css ZURB基金会打印样式——如何在打印时禁用锚点旁边出现的URL?

Css ZURB基金会打印样式——如何在打印时禁用锚点旁边出现的URL?,css,zurb-foundation,Css,Zurb Foundation,当我打印页面时,实际的URL会出现在每个锚定标记旁边,这在面包屑或页脚链接中看起来非常奇怪。当使用ZURB基金会5时,禁用这种行为的适当方法是什么?或者,如果有一个CSS样式可以用来覆盖这个行为,那也太好了 您可以在此处的文档中看到对该行为的描述: 由添加到属性选择器的伪元素引起;可能是这样的: a[href*="/"]:after, a[href*="/"]:visited:after {content: "("attr(href)")";} 您最有可能通过重置伪元素的内容来覆盖它 尝试将以

当我打印页面时,实际的URL会出现在每个锚定标记旁边,这在面包屑或页脚链接中看起来非常奇怪。当使用ZURB基金会5时,禁用这种行为的适当方法是什么?或者,如果有一个CSS样式可以用来覆盖这个行为,那也太好了

您可以在此处的文档中看到对该行为的描述:

由添加到属性选择器的伪元素引起;可能是这样的:

a[href*="/"]:after, a[href*="/"]:visited:after {content: "("attr(href)")";}
您最有可能通过重置伪元素的内容来覆盖它

尝试将以下内容添加到打印样式表:

a[href*="/"]:after, a[href*="/"]:visited:after {content: normal;}

在ZURB基金会5的类型组件中,URL未显示用于图像或JavaScript内部链接,或更准确地将内容重置为空字符串。

.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
  content: "";
}
因此,您可以对所有链接执行相同的操作

a[href]:after {
    content: "";
}

请注意,如果您只想对某些锚隐藏URL,还可以更具体一些;e、 例如,
#页脚a[href*=“/”]:在{content:normal;}