html - 是否可以仅使用 [Tab] 键选择子菜单？ (仅限 CSS)

Question

是否可以仅使用 [Tab] 键在 ul/ol 风格的菜单中选择(激活)子菜单，以便子菜单可见？

我尝试使用 :focus 伪类

ul
    li
        a:focus
        +
        ul
            li
                a ...

并选择子菜单:

ul
    li
        a (?)
        +
        ul
            li
                a:focus ...

但我无法使用 CSS 选择事件节点

检查这个:http://jsfiddle.net/iegik/DKvH2/

Answer 1

如果您希望在子菜单项具有焦点时显示完整的子菜单，我看不出没有 Javascript 的方法。如果这对你来说足够了，如果只有焦点元素可见，你可以尝试这样的事情:

.links > li:not(:hover) li a:focus {
    left: 9999em;
    position: relative;
}

如果还没有通过 :hover-pseudo-class 发生这种情况，这会将焦点元素移回应有的位置。

http://jsfiddle.net/DKvH2/1/