CSS多个伪选择器和波浪号，如何

Question

我有CodePen来测试DropDown侧边栏。 如果单击隐藏的input复选框类型，则不使用JS，仅使用纯CSS，并显示/隐藏ul。 除了选择要显示/隐藏的ul之外，它的工作原理是因为从选中的输入中选择同一级别的所有dropdown input:checked ~ ul

需要帮助才能应用正确的选择器 此dropdown input:checked ~ ul:first-child选择所有ul，但此{{1}}不会选择任何！

代码可用here

感谢http://codepen.io/Duval_Ruilova/

Answer 1

不要使用input ~ ul，因为这意味着＆＃34;输入之后的任何ul＆＃34;

而是使用input + label + ul来明确指出＆＃34;在输入＆＃34;之后的标签后面的ul。