[分享]css中怎么打开新窗口打开

CSS中有两种方法可以实现在新窗口或新选项卡打开链接，分别是使用伪类和使用属性选择器。使用伪类实现：a:after { content: "2197"; } 上述代码会给所有具有t...

CSS中有两种方法可以实现在新窗口或新选项卡打开链接，分别是使用伪类和使用属性选择器。

使用伪类实现：

a[target="_blank"]:after {
  content: "2197";
} 

上述代码会给所有具有target="_blank"属性的链接添加一个箭头。这个箭头告诉用户链接会在新窗口中打开。如果你想要实现在新选项卡中打开链接，可以将target属性的值设置为"_tab"。

使用属性选择器实现：

a[target^="_"]:after {
  content: "2197";
} 

使用属性选择器可以匹配任何以"_"开头的属性值。所以，如果你的链接的target属性是"_blank"或"_tab"，都会被匹配上。上述代码同样会给所有匹配的链接添加一个箭头，告诉用户这个链接会在新窗口或新选项卡中打开。