2016-07-03 11 views
0

私はこのCodePenをドロップダウンサイドバーをテストするために持っています。 非表示のinputチェックボックスをクリックすると、JS、プレーンCSSのみ、表示/非表示ulは使用されません。 これは、すべてのULを選択dropdown input:checked ~ ul正しいセレクタ を適用するのに役立つ必要がありますが、このdropdown input:checked ~ ul:first-childが選択されませんので、確認入力CSS複数の疑似セレクタとチルダ、方法

から同じレベルですべてのulを選択表示/非表示するulを選択から除いて動作しますどれか!

コードは、それが「入力後に来るすべてのUL」を意味するhttp://codepen.io/Duval_Ruilova/

+0

質問を求めるコードヘルプには、質問自体**にそれを再現するのに必要な最短コードが含まれている必要があります。あなたは[**サイトまたはサンプルへのリンク**]を提供していますが(http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-workリンクが無効になる場合、あなたの質問は、同じ問題を持つ他の将来のSOユーザには価値がないでしょう。 –

答えて

1

からhere

おかげで「特異的にULを意味するinput + label + ulを使用する代わりに

input ~ ulを使用しないでください提供されていますそれは入力の後のラベルの後ろにあります。