Javascript 有人知道为什么我的网站导航链接不是'；不行吗？

我把一个表格样式的导航栏放在一起，在每个导航栏中我都放置了带有链接到网站其余部分的标签

代码如下：

<li class="">
                            <a href="#section-shape-3">
                                <svg viewBox="0 0 80 60" preserveAspectRatio="none"><use xlink:href="#tabshape"></use></svg>
                                <svg viewBox="0 0 80 60" preserveAspectRatio="none"><use xlink:href="#tabshape"></use></svg>
                                <span><a href="login.html">Login</a></span>
                            </a>
                        </li>

如果没有链接到login.html页面的标记，菜单的视觉效果与相应的.css和.js文件很好地配合，就像它应该的那样。当我添加标记以与login.html页面建立连接时，选项卡的视觉效果会扭曲并破坏外观，单击时也不会执行任何操作，不会链接到login.html页面

---

有人知道为什么会这样吗

您正在使用已打开的超链接中的超链接。在打开第二个链接之前，不要忘记关闭第一个链接：）

我相信您希望显示这两个链接的方式如下所示：

您的链接不起作用，因为您有嵌套的锚定标记。当您尝试单击“登录”时，浏览器认为您正在单击父锚点，可能会跳到页面顶部，并在url末尾添加#section-shape-3。您不应该将锚定标记嵌套在彼此之间。感谢您的回答，不幸的是，当代码以这种方式显示时，选项卡的背景颜色变为透明，文本的大小由几个因素扩展，单击时，仍然没有重定向到登录页。我看不出是什么原因造成的。@Andrew——这些问题来自于你的CSS。能否请您更新您的答案，以便所有相关的CSS也包括在内？事实上，包括整个导航栏的HTML也会有所帮助。发布的太少和太多之间很难平衡，但我恐怕我看不到足够的内容来显示当前的问题：）好的，我把代码放在了这个JSFIDLE中：因为它略多于1000行，所以我不想全部发布在这里，这行得通吗？@Andrew--JSFiddle是一个向StackOverflow发布代码的好网站。但是，请注意，大多数人都不希望阅读超过1000行的代码。您应该尝试并做的是通过试错找出导致问题的代码部分。显然，我们不需要所有的CSS，只需要那些与导航栏相关的部分——您真正需要的是一个，然后在JSFIDLE中发布：）