tabindex="-1"

<style>

a:focus { background:#009;}

</style>

<a href="#" tabindex="-1" >焦点</>

用于导航栏或者滑动门，比js来的简单方便为什么不用呢？

是不是一个页面只能同时存在一个，局限了它的使用？

经测试，使用id或者class选择器可以存在多个不同的样式,但是显示的焦点只有一个

例如 a:focus{ color:red;} .like:focus { color:blue;}

两种不同的focus但是只有点击后的那个focus才会被激活

所以，如果存在多个当前状态，还是需要js（tab zoomla滑动门）或者多页面单独覆盖样式（每张网页上覆盖链接导航背景）