html - 使用 css 和 html 自定义下拉选择

Question

我正在尝试仅使用 html 和 css 创建自定义下拉菜单。我想知道是否可以使用焦点而不是悬停？现在处于悬停状态并且可以工作，但我想扩展该选择 onclick。

这里我有一个小提琴的例子：http: //jsfiddle.net/RwtHn/1084/

Answer 1

不要在 上使用悬停，在 上li使用悬停a：

a:hover + ul, a:focus + ul, a:active + ul {}

演示

Answer 2

编辑：这是一个演示：http: //jsfiddle.net/RwtHn/1087/
哇。我很惊讶这甚至可以仅使用 HTML/CSS。