我不断收到此错误，从我发现的错误（类似的问题在此处发布）中，通常是由以数字开头的ID引起的。但是我的SVG代码中没有。
Uncaught DOMException: Failed to execute 'querySelector' on 'Document': 'body > main > div > header > div > section#burger-container > svg > g#Symbols > g#Navigation-/-global-nav-/-mobile-/-transparent > g#hamburger > rect#middle-line' is not a valid selector.
<svg width="32" height="17" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 17">
<g id="Symbols" fill="none" fill-rule="evenodd">
<g id="Navigation-/-global-nav-/-mobile-/-transparent" transform="translate(-24 -16)">
<g id="hamburger" transform="translate(24 16)">
<rect id="top-line" fill="#2389CB" width="32" height="3" rx="1.5" />
<rect id="middle-line" fill="#EE7725" y="7" width="32" height="3" rx="1.5" />
<rect id="bottom-line" fill="#2389CB" y="14" width="32" height="3" rx="1.5" />
</g>
</g>
</g>
</svg>
任何建议都会很棒！