html - :checked + * + ul が chrome で機能しない

Question

ここにデモがあります：

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

「冬」のラジオ入力を選択すると、サブメニューが開きます。Firefox では動作しますが、Chrome では動作しません。

JavaScriptで修正できますが、html + cssのみを実行しようとしています。

Answer 1

Webkit には、疑似クラスで隣接セレクターを連鎖できないというバグがあるようです。

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

既知の唯一の解決策は、ラベルとチェックボックスの順序を変更し、型にはまらないスタイリングを行って視覚的に整列させることです。