CSS多僞選擇器和代字號，如何

我有這個CodePen來測試一個DropDown邊欄。如果單擊隱藏的input複選框類型，則不使用JS，只使用普通CSS，並顯示/隱藏ul。它的工作原理，除了從選擇ul顯示/隱藏，因爲選擇所有ul在距離檢查輸入CSS多僞選擇器和代字號，如何

同一水平需要幫助的應用正確選擇這dropdown input:checked ~ ul選擇所有UL，但這dropdown input:checked ~ ul:first-child不選擇任何！

的代碼可以here

由於http://codepen.io/Duval_Ruilova/

來源

2016-07-03 Santi

尋求代碼幫助的問題必須包含在問題本身**中重現**所需的最短代碼。雖然您提供了[**鏈接到網站或示例**]（http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work如果鏈接變得無效，那麼你的問題對於其他未來SO用戶也是沒有價值的。 –

不要使用input ~ ul因爲這意味着

而是使用input + label + ul具體指的」 UL「輸入後不能有任何UL」那是在輸入之後的標籤之後「。

來源

2016-07-03 15:48:49

CSS多僞選擇器和代字號，如何

回答

相關問題