html - :checked + * + ul not working in chrome

Question

Got a demo here:

http://codepen.io/aakilfernandes/pen/EgjaF

Choosing the "Winter" radio input should open up a submenu. Works in Firefox but not in chrome.

I can fix with javascript, but I'm trying to do html+css only.

Answer 1

看起来 webkit 有一个错误，您不能在伪类上链接邻接选择器。

http://www.thecssninja.com/css/css-tree-menu

唯一已知的解决方案是改变标签和复选框的顺序，并做一些非常规的样式以在视觉上对齐。