Отфильтруйте список на основе нескольких отмеченных флажков, используя ТОЛЬКО CSS и HTML. ⇐ CSS

[Гость]

Я пытаюсь создать фильтруемый список элементов, который отображает уникальные значения при проверке комбинации фильтров. Мне нужно сделать это только с помощью CSS и HTML, поскольку внутренняя корпоративная вики-страница, на которой я это создаю, не поддерживает тег «script».

Мой список: A B C

Мои значения: A, B, C, D

Я хочу, чтобы значение A отображалось, когда установлен только фильтр A, значение B отображалось, когда выбран только фильтр B, и так далее.

Я хочу, чтобы значение D отображалось только тогда, когда отмечены все фильтры A, B и C.

Вот что у меня сейчас есть:

.items>[data-type] { дисплей: нет; } 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] { дисплей: блок; A
B
C A B C

Я не знаю, как с помощью CSS указать, что data-type=d является результатом проверяемых входных данных a, b и c.