我有外部链接在我的网站的顶部菜单。
我想在新标签中打开这些链接。我可以在HTML中使用target=_blank
实现它。是否有类似的CSS属性或其他任何东西?
发布于 2013-06-24 17:35:08
很遗憾,我不会。在2013年,没有办法用纯CSS来实现它。
Update__:感谢https://stackoverflow.com/users/924299链接到过时的http://www.w3.org/TR/css3-hyperlinks/规范,是的,没有浏览器实现它。因此,答案仍然有效。
发布于 2014-01-11 18:16:00
正如c69所提到的,没有办法用纯CSS来做这件事。
但是您可以使用HTML来代替:
使用
<head>
<base target="_blank">
</head>
在HTML标记中,用于创建所有页面链接的<head>
标记中,默认情况下,而不是包含要在新的空白窗口中打开的target
属性。否则,您可以为每个链接设置目标属性,如下所示:
<a href="/yourlink.html" target="_blank">test-link</a>
它会推翻
<head>
<base target="_blank">
</head>
如果它是先前定义的,则标记。
发布于 2017-04-23 02:38:15
CSS有几种方式可以“目标”导航。这将使用属性样式设置内部和外部链接的样式,这可以帮助访问者了解链接的功能。
a[href="#"] { color: forestgreen; font-weight: normal; }
a[href="http"] { color: dodgerblue; font-weight: normal; }
您还可以将传统的内联HTML ' target =_blank‘作为目标。
a[target=_blank] { font-weight: bold; }
另外:目标选择器用于样式导航块和元素目标。
nav { display: none; }
nav:target { display: block; }
CSS :支持目标伪类选择器- 犬科、w3schools、MDN.
a[href="http"] { target: new; target-name: new; target-new: tab; }
CSS/CSS 3 '目标-新的‘属性等,2017年8月,任何主要浏览器都不支持,尽管它是W3规范自2004年2月起的一部分。
W3Schools‘模态’结构,使用“:target”伪类,可以包含WP导航。您还可以在target="_blank“之外添加HTML _blank,以提高‘新选项卡’性能。CSS暂时不会打开选项卡中的链接,但是此页解释了如何使用jQuery (兼容性可能取决于WP编码器)。MDN在在选择器中使用目标伪类有一个很好的评论
https://stackoverflow.com/questions/17281486
复制相似问题