CSS 选择器：带有 tabindex 的锚点仍然无法聚焦

Answer 1

确保您的锚点已将

href

设置为一个值，否则它将无法通过单击或键盘获得焦点。浏览器不会将没有

href

的锚点识别为交互元素。这样做，您的链接不需要

tabindex

包装：

.box {
  display: inline-block;
  border: 1px solid;
}

.popup {
  display: none;
}

a:focus + .popup {
  display: block;
}

<div class="box">
  <a href="#">Download</a>
  <div class="popup">More download info</div>
</div>