是tabindex黑客的CSS：焦点指定在某处？

Question

为:focus元素制作div伪类有一个hack：添加到div tabindex。像这样：

＆＃13;

＆＃13;

.testFocus:focus{
    background: red;
}

＆＃13;

<div class="testFocus" tabindex="0">awesomeDiv</div>

＆＃13;

＆＃13;

＆＃13;

这种行为是在W3C文档中指定的（在哪里？）或者它只是一个未记录的黑客攻击？

＆＃34;此行为＆＃34;包括：

默认情况下，
1. div元素不可聚焦。
2. div元素与tabindex是可关注的。

Answer 1

tabindex是global attributes之一。这意味着它可以在所有HTML元素上指定。

0是有效值（请参阅definition of tabindex下的“如果值为零”）。

所以你的HTML很好。

Answer 2

tabindex将处理HTML5中的以下元素。 https://www.w3.org/TR/html5/editing.html#sequential-focus-navigation-and-the-tabindex-attribute

  

  
• 具有href属性的元素
  
• 具有href属性的链接元素
  
• 按钮元素
  
• type属性未处于隐藏状态的输入元素
  
• 选择元素
  
• textarea elements