Skip to content

Instantly share code, notes, and snippets.

@schmkr
Created April 15, 2020 11:17
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save schmkr/654e7a80b331c447735b575d58d78ff3 to your computer and use it in GitHub Desktop.
Save schmkr/654e7a80b331c447735b575d58d78ff3 to your computer and use it in GitHub Desktop.
#tab1:checked ~ div .na-keuze #eindcijfer1,
#tab2:checked ~ div .na-keuze #eindcijfer1,
#tab2:checked ~ div .na-keuze #eindcijfer2,
#tab3:checked ~ div .na-keuze #eindcijfer1,
#tab3:checked ~ div .na-keuze #eindcijfer2,
#tab3:checked ~ div .na-keuze #eindcijfer3,
#tab4:checked ~ div .na-keuze #eindcijfer1,
#tab4:checked ~ div .na-keuze #eindcijfer2,
#tab4:checked ~ div .na-keuze #eindcijfer3,
#tab4:checked ~ div .na-keuze #eindcijfer4,
#tab5:checked ~ div .na-keuze #eindcijfer1,
#tab5:checked ~ div .na-keuze #eindcijfer2,
#tab5:checked ~ div .na-keuze #eindcijfer3,
#tab5:checked ~ div .na-keuze #eindcijfer4,
#tab5:checked ~ div .na-keuze #eindcijfer5 {
display: inline-block;
}
#tab1:checked ~ div .lot1,
#tab2:checked ~ div .lot1,
#tab2:checked ~ div .lot2,
#tab3:checked ~ div .lot1,
#tab3:checked ~ div .lot2,
#tab3:checked ~ div .lot3,
#tab4:checked ~ div .lot1,
#tab4:checked ~ div .lot2,
#tab4:checked ~ div .lot3,
#tab4:checked ~ div .lot4,
#tab5:checked ~ div .lot1,
#tab5:checked ~ div .lot2,
#tab5:checked ~ div .lot3,
#tab5:checked ~ div .lot4,
#tab5:checked ~ div .lot5 {
display:block;
}
#cijfer1-x:checked ~ div .na-keuze #eindcijfer1:before,
#cijfer2-x:checked ~ div .na-keuze #eindcijfer2:before,
#cijfer3-x:checked ~ div .na-keuze #eindcijfer3:before,
#cijfer4-x:checked ~ div .na-keuze #eindcijfer4:before,
#cijfer5-x:checked ~ div .na-keuze #eindcijfer5:before,
#cijfer1-x:checked ~ div .lot1 .number:before,
#cijfer2-x:checked ~ div .lot2 .number:before,
#cijfer3-x:checked ~ div .lot3 .number:before,
#cijfer4-x:checked ~ div .lot4 .number:before,
#cijfer5-x:checked ~ div .lot5 .number:before {
content:'?';
}
#cijfer1-0:checked ~ div .na-keuze #eindcijfer1:before,
#cijfer2-0:checked ~ div .na-keuze #eindcijfer2:before,
#cijfer3-0:checked ~ div .na-keuze #eindcijfer3:before,
#cijfer4-0:checked ~ div .na-keuze #eindcijfer4:before,
#cijfer5-0:checked ~ div .na-keuze #eindcijfer5:before,
#cijfer1-0:checked ~ div .lot1 .number:before,
#cijfer2-0:checked ~ div .lot2 .number:before,
#cijfer3-0:checked ~ div .lot3 .number:before,
#cijfer4-0:checked ~ div .lot4 .number:before,
#cijfer5-0:checked ~ div .lot5 .number:before {
content:'0';
}
#cijfer1-1:checked ~ div .na-keuze #eindcijfer1:before,
#cijfer2-1:checked ~ div .na-keuze #eindcijfer2:before,
#cijfer3-1:checked ~ div .na-keuze #eindcijfer3:before,
#cijfer4-1:checked ~ div .na-keuze #eindcijfer4:before,
#cijfer5-1:checked ~ div .na-keuze #eindcijfer5:before,
#cijfer1-1:checked ~ div .lot1 .number:before,
#cijfer2-1:checked ~ div .lot2 .number:before,
#cijfer3-1:checked ~ div .lot3 .number:before,
#cijfer4-1:checked ~ div .lot4 .number:before,
#cijfer5-1:checked ~ div .lot5 .number:before {
content:'1';
}
#cijfer1-2:checked ~ div .na-keuze #eindcijfer1:before,
#cijfer2-2:checked ~ div .na-keuze #eindcijfer2:before,
#cijfer3-2:checked ~ div .na-keuze #eindcijfer3:before,
#cijfer4-2:checked ~ div .na-keuze #eindcijfer4:before,
#cijfer5-2:checked ~ div .na-keuze #eindcijfer5:before,
#cijfer1-2:checked ~ div .lot1 .number:before,
#cijfer2-2:checked ~ div .lot2 .number:before,
#cijfer3-2:checked ~ div .lot3 .number:before,
#cijfer4-2:checked ~ div .lot4 .number:before,
#cijfer5-2:checked ~ div .lot5 .number:before {
content:'2';
}
#cijfer1-3:checked ~ div .na-keuze #eindcijfer1:before,
#cijfer2-3:checked ~ div .na-keuze #eindcijfer2:before,
#cijfer3-3:checked ~ div .na-keuze #eindcijfer3:before,
#cijfer4-3:checked ~ div .na-keuze #eindcijfer4:before,
#cijfer5-3:checked ~ div .na-keuze #eindcijfer5:before,
#cijfer1-3:checked ~ div .lot1 .number:before,
#cijfer2-3:checked ~ div .lot2 .number:before,
#cijfer3-3:checked ~ div .lot3 .number:before,
#cijfer4-3:checked ~ div .lot4 .number:before,
#cijfer5-3:checked ~ div .lot5 .number:before {
content:'3';
}
#cijfer1-4:checked ~ div .na-keuze #eindcijfer1:before,
#cijfer2-4:checked ~ div .na-keuze #eindcijfer2:before,
#cijfer3-4:checked ~ div .na-keuze #eindcijfer3:before,
#cijfer4-4:checked ~ div .na-keuze #eindcijfer4:before,
#cijfer5-4:checked ~ div .na-keuze #eindcijfer5:before,
#cijfer1-4:checked ~ div .lot1 .number:before,
#cijfer2-4:checked ~ div .lot2 .number:before,
#cijfer3-4:checked ~ div .lot3 .number:before,
#cijfer4-4:checked ~ div .lot4 .number:before,
#cijfer5-4:checked ~ div .lot5 .number:before {
content:'4';
}
#cijfer1-5:checked ~ div .na-keuze #eindcijfer1:before,
#cijfer2-5:checked ~ div .na-keuze #eindcijfer2:before,
#cijfer3-5:checked ~ div .na-keuze #eindcijfer3:before,
#cijfer4-5:checked ~ div .na-keuze #eindcijfer4:before,
#cijfer5-5:checked ~ div .na-keuze #eindcijfer5:before,
#cijfer1-5:checked ~ div .lot1 .number:before,
#cijfer2-5:checked ~ div .lot2 .number:before,
#cijfer3-5:checked ~ div .lot3 .number:before,
#cijfer4-5:checked ~ div .lot4 .number:before,
#cijfer5-5:checked ~ div .lot5 .number:before {
content:'5';
}
#cijfer1-6:checked ~ div .na-keuze #eindcijfer1:before,
#cijfer2-6:checked ~ div .na-keuze #eindcijfer2:before,
#cijfer3-6:checked ~ div .na-keuze #eindcijfer3:before,
#cijfer4-6:checked ~ div .na-keuze #eindcijfer4:before,
#cijfer5-6:checked ~ div .na-keuze #eindcijfer5:before,
#cijfer1-6:checked ~ div .lot1 .number:before,
#cijfer2-6:checked ~ div .lot2 .number:before,
#cijfer3-6:checked ~ div .lot3 .number:before,
#cijfer4-6:checked ~ div .lot4 .number:before,
#cijfer5-6:checked ~ div .lot5 .number:before {
content:'6';
}
#cijfer1-7:checked ~ div .na-keuze #eindcijfer1:before,
#cijfer2-7:checked ~ div .na-keuze #eindcijfer2:before,
#cijfer3-7:checked ~ div .na-keuze #eindcijfer3:before,
#cijfer4-7:checked ~ div .na-keuze #eindcijfer4:before,
#cijfer5-7:checked ~ div .na-keuze #eindcijfer5:before,
#cijfer1-7:checked ~ div .lot1 .number:before,
#cijfer2-7:checked ~ div .lot2 .number:before,
#cijfer3-7:checked ~ div .lot3 .number:before,
#cijfer4-7:checked ~ div .lot4 .number:before,
#cijfer5-7:checked ~ div .lot5 .number:before {
content:'7';
}
#cijfer1-8:checked ~ div .na-keuze #eindcijfer1:before,
#cijfer2-8:checked ~ div .na-keuze #eindcijfer2:before,
#cijfer3-8:checked ~ div .na-keuze #eindcijfer3:before,
#cijfer4-8:checked ~ div .na-keuze #eindcijfer4:before,
#cijfer5-8:checked ~ div .na-keuze #eindcijfer5:before,
#cijfer1-8:checked ~ div .lot1 .number:before,
#cijfer2-8:checked ~ div .lot2 .number:before,
#cijfer3-8:checked ~ div .lot3 .number:before,
#cijfer4-8:checked ~ div .lot4 .number:before,
#cijfer5-8:checked ~ div .lot5 .number:before {
content:'8';
}
#cijfer1-9:checked ~ div .na-keuze #eindcijfer1:before,
#cijfer2-9:checked ~ div .na-keuze #eindcijfer2:before,
#cijfer3-9:checked ~ div .na-keuze #eindcijfer3:before,
#cijfer4-9:checked ~ div .na-keuze #eindcijfer4:before,
#cijfer5-9:checked ~ div .na-keuze #eindcijfer5:before,
#cijfer1-9:checked ~ div .lot1 .number:before,
#cijfer2-9:checked ~ div .lot2 .number:before,
#cijfer3-9:checked ~ div .lot3 .number:before,
#cijfer4-9:checked ~ div .lot4 .number:before,
#cijfer5-9:checked ~ div .lot5 .number:before {
content:'9';
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment