類CSS

Question

我一直在玩弄此代碼的筆，我發現內選擇ID：http://codepen.io/surjithctly/pen/pLDwe

如果我換用類div中勾選「mynav，」它不再起作用。如果將它封裝在類「mynav」的div中，我如何將以下格式應用於複選框？

#toggle:checked ~ .message { 
    top: 0; 
} 

#toggle:checked ~ .container { 
    margin-top: 250px; 
} 

Answer 1

這是不可能與CSS只。您正在使用的「checkbox hack」方法需要該元素爲複選框的下一個兄弟，以便從一般的兄弟選擇器~定位。

唯一的解決方案，如果你必須保持你的新標記是使用JavaScript。