[*] SVG может содержать встроенные стиль атрибуты и элементы, но, кроме того:
[*] нет Smil,
[*] javascript,
[*]
Код: Выделить всё
#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 написано src = "https://i.sstatic.net/qhoomrnz.png"/>
Подробнее здесь: https://stackoverflow.com/questions/795 ... ckboxcheck
