Programmiererforum

.items>[data-type] {
display: none;
}

input[name=a]:checked~.items div[data-type=a] ,
input[name=b]:checked~.items div[data-type=b] ,
input[name=c]:checked~.items div[data-type=c] {
display: block;
}< /code>
 A

 B

 C



A
B
C

Ich habe einen Code verwendet, der diesem ähnlich ist, um einige Elemente zu multi-filtern, aber wenn ich versuche, die Kontrollkästchen zu verschieben, funktioniert der Filter nicht mehr.[code].items>[data-type] {
display: none;
}

input[name=a]:checked~.items div[data-type=a] ,
input[name=b]:checked~.items div[data-type=b] ,
input[name=c]:checked~.items div[data-type=c] {
display: block;
}< /code>
A

B

C



A
B
C
[/code]



Ich habe versucht, es in eine DIV mit einer Position zu bringen, aber das scheint nicht zu funktionieren, gleich mit einer Tabelle.