CSS multiple Pseudo Selektor und Tilde, wie zu

Ich habe diese CodePen, um eine DropDown Sidebar zu testen. Verwendet kein JS, nur einfaches CSS, und zeigt/versteckt ul, wenn ein versteckter input Checkbox-Typ angeklickt wird. Es funktioniert mit Ausnahme von den ul Auswahl an ein-/auszublenden alle da wählen Sie die ul auf dem gleichen Niveau von dem geprüften EingangCSS multiple Pseudo Selektor und Tilde, wie zu

Benötigen Sie Hilfe bei den richtigen Wähler anzuwenden Diese ganze ul wählen dropdown input:checked ~ ul, aber das dropdown input:checked ~ ul:first-child nicht wählen irgendein!

Der Code ist verfügbar here

Dank http://codepen.io/Duval_Ruilova/

Quelle

2016-07-03 Santi

Fragen, die Code-Hilfe suchen, müssen den kürzesten Code enthalten, der für die Reproduktion ** in der Frage selbst erforderlich ist **. Obwohl Sie einen [** Link zu einer Site oder einem Beispiel **] angegeben haben (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work) Wenn Sie die Verknüpfung ungültig machen möchten, ist Ihre Frage für andere zukünftige SO-Benutzer mit demselben Problem nicht von Bedeutung. –

nicht input ~ ul Verwenden Sie als das bedeutet „jede ul, die nach dem Eingang kommt“

Stattdessen verwenden input + label + ul speziell mit der Bedeutung „der ul das ist nach dem Label, das nach der Eingabe ist ".

Quelle

2016-07-03 15:48:49

CSS multiple Pseudo Selektor und Tilde, wie zu

Antwort

Verwandte Themen