[*]SVG can contain inline style attributes and elements, but besides that:
[*]no SMIL,
[*]no JavaScript,
[*]no HTML ForeignObject Isles,
Так что нет html и css: проверено трюки. />
Код: Выделить всё
#main:has(#chkbox1) #triangle { display:none; }
#main:has(#chkbox1:checked) #triangle { display:block; }
#main:has(#chkbox2) #square { display:none; }
#main:has(#chkbox2:checked) #square { display:block; }
#main:has(#chkbox3) #circle { display:none; }
#main:has(#chkbox3:checked) #circle { display:block; }< /code>
Triangle
Square
Circle
(как вы видите, это работает без использования Javascript.) Но это просто HTML, который не соответствует требованиям.
Как я могу моделировать такую же функцию (скрывать/показывать некоторые элементы) без использования. Javascript?
Я стремлюсь к решению, в котором каждый заменяется некоторым узлом SVG, который имитирует флажок с использованием только разрешенных методов, то есть, предположительно, CSS. https://codepen.io/schlebe/pen/gbboryk
Подробнее здесь: https://stackoverflow.com/questions/795 ... ckboxcheck
