【解決方法】SVG HTML 要素をラップして ID を割り当てる方法。

やあ！

時制のある非常に広いページがあります https://scienceprojects.lv/tenses

英語の各時制に ID を割り当てようとしているので、アンカー付きのリンクを指定すると、クラスが正確な時制になります。たとえば、https://scienceprojects.lv/tenses#過去完了連続正確ににページを開く必要があります 過去完了継続. 学生が水平にスクロールする必要がないように。

私が試したこと：

容器を包むだけで動作しません。 span も div もありません。

HTML

<a id="pastperfectcontinuous"><text transform="matrix(1.1 0 0 1 268.9156 437.0796)" data-fancybox data-type="iframe"  href="Tenses/tenses/Past_perfect_continuous.php" class="st21 st22 st23">Past Perfect Continuous</text></a>

解決策 1

の id ここの要素は pastperfectcontinuous しかし、あなたのアンカーは #past-perfect-continuous. 次のいずれかを試しましたか:

アンカーからハイフンを削除します (#pastperfectcontinuous)
にハイフンを追加する id 属性（id="past-perfect-continuous")

覚えておいてください id 値とアンカー # そうしないと、ページがそこに移動しません。