:focus-visible匹配时机测试实例页面

展示

代码

• HTML：

  <a href class="link">看看我的轮廓什么样子？</a>

• CSS：

  .link:focus {
      outline: solid;
  }
  
  .link:focus-visible {
      outline: dashed deepskyblue;
  }