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