Webkit（iOS SafariやChromeなど）で、:checked擬似クラスと2つ以上の隣接セレクター指定が効かない

Webkit（iOS SafariやChromeなど）で、:checked擬似クラスと2つ以上の隣接セレクター指定が効かないことがあります。

【CSS】

.menu { display:none; } input[type="checkbox"]:checked + label + .menu { display:block; }

Webkitのバグで隣接セレクターではなく、間接セレクターを使用することで、回避することができます。

【CSS】

.menu { display:none; } input[type="checkbox"]:checked ~ .menu { display:block; }