html - CSS 的 tabindex hack 是 :focus specified somewhere?

Question

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

.testFocus:focus{
    background: red;
}

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

这种行为是在 W3C 文档的某处(在哪里？)指定的，还是只是一个没有记录的 hack？

“这种行为”包括:

1. div 元素默认不可聚焦。
带有 tabindex 的
2. div 元素是可聚焦的。

Answer 1

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

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

所以您的 HTML 没问题。