首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在CSS中添加target="_blank“

在CSS中添加target="_blank“
EN

Stack Overflow用户
提问于 2013-06-24 17:32:50
回答 6查看 168.6K关注 0票数 80

我有外部链接在我的网站的顶部菜单。

我想在新标签中打开这些链接。我可以在HTML中使用target=_blank实现它。是否有类似的CSS属性或其他任何东西?

EN

回答 6

Stack Overflow用户

回答已采纳

发布于 2013-06-24 17:35:08

很遗憾,我不会。在2013年,没有办法用纯CSS来实现它。

Update__:感谢https://stackoverflow.com/users/924299链接到过时的http://www.w3.org/TR/css3-hyperlinks/规范,是的,没有浏览器实现它。因此,答案仍然有效。

票数 45
EN

Stack Overflow用户

发布于 2014-01-11 18:16:00

正如c69所提到的,没有办法用纯CSS来做这件事。

但是您可以使用HTML来代替:

使用

代码语言:javascript
运行
复制
<head>
    <base target="_blank">
</head>

在HTML标记中,用于创建所有页面链接的<head>标记中,默认情况下,而不是包含要在新的空白窗口中打开的target属性。否则,您可以为每个链接设置目标属性,如下所示:

代码语言:javascript
运行
复制
    <a href="/yourlink.html" target="_blank">test-link</a>

它会推翻

代码语言:javascript
运行
复制
<head>
    <base target="_blank">
</head>

如果它是先前定义的,则标记。

票数 107
EN

Stack Overflow用户

发布于 2017-04-23 02:38:15

CSS有几种方式可以“目标”导航。这将使用属性样式设置内部和外部链接的样式,这可以帮助访问者了解链接的功能。

代码语言:javascript
运行
复制
a[href="#"] { color: forestgreen; font-weight: normal; }
a[href="http"] { color: dodgerblue; font-weight: normal; }  

您还可以将传统的内联HTML ' target =_blank‘作为目标。

代码语言:javascript
运行
复制
a[target=_blank] { font-weight: bold; } 

另外:目标选择器用于样式导航块和元素目标

代码语言:javascript
运行
复制
nav { display: none; }
nav:target { display: block; }  

CSS :支持目标伪类选择器- 犬科w3schoolsMDN.

代码语言:javascript
运行
复制
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在在选择器中使用目标伪类有一个很好的评论

票数 12
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17281486

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档