如何实现CSS onclick跳转？点击跳转时能否打开新窗口？

首先纠正一个认知误区：CSS本身不支持onclick事件能力，onclick属于JavaScript的原生事件属性，CSS仅负责页面样式渲染，无法单独处理点击触发的跳转逻辑。

如果要实现点击元素后新窗口打开目标地址的效果，可以用以下两种成熟方案：

• 纯HTML原生方案（最推荐）
  直接使用<a>标签，配置target="_blank"属性即可实现新窗口跳转，不需要额外写JS逻辑，示例代码：

  <a href="你需要跳转的目标地址" target="_blank">点击跳转的元素内容</a>
  

• 绑定JS点击事件方案
  如果需要给非<a>标签的元素（比如div、按钮、图片等）绑定跳转能力，可以通过onclick事件调用window.open方法实现，示例代码：

  <div onclick="window.open('你需要跳转的目标地址', '_blank')">点击跳转的元素内容</div>
  

如果需要给可点击元素添加样式反馈（比如手型光标、hover效果等），可以搭配CSS实现，示例样式代码：

.clickable-item {
  cursor: pointer;
  color: #1a73e8;
}
.clickable-item:hover {
  text-decoration: underline;
}

内容的提问来源于stack exchange，提问作者Asim Kumar Ananto