В HTML у меня есть блок SVG с текстовыми узлами внутри. Я хочу изменить содержимое текстового узла с помощью CSS: до или: после. Если это сделать, то никакого эффекта не будет.
Вот вырезанный HTML:
<defs>
<symbol id="mytext"><text class="mytext" x="455" y="290">my added text is: </text></symbol>
</defs>
<use x="10" y="10" xlink:href="#mytext" /></use>
Теперь я хочу добавить текстовый тег с идентификатором «mytext» с помощью CSS следующим образом:
.mytext:after{
content: "this text";
}`
Я не хочу менять какой-либо стиль, моя единственная цель — добавить содержимое в текстовый узел SVG.