额外的锚点出现在firefox中

Question

我在Linux Mint上使用FF8，我使用列表项创建了一个导航菜单。似乎有更多的锚似乎出现在我的列表项的末尾，这导致我的css选择器“.iconSelect ul li：last-child”因某种原因而中断！

如果我通过firebug移除额外的锚，它可以工作并应用样式。

我的标记

<div class="iconSelect">
    <ul>
        <li class="abc">
            <div>
                <a href="#"><img src="./img/user_32x32.png"><a/>
            </div>
            <div class="iconName">tes</div>
        </li>

        <li class="mid">
            <div>
                <a href="#"><img src="./img/buildings_32x32.png"><a/>
            </div>
            <div class="iconName">Organisationfsdfsd</div>
        </li>

        <li class="xyz">
            <div>
                <a href="#">
                    <img src="./img/anchor_32x32.png">
                    <a/>
            </div>
            <div class="iconName">Vessel</div>
        </lI>
    </ul>
</div>

它绝对没有造型或者造成这种情况，因为我已经删除它们并且仍然会出现额外的锚点。

Answer 1

您使用<a/>代替</a> ...

此外，您可能希望在发布此类问题之前通过HTML验证程序运行HTML。

Answer 2

你这样关闭一个锚：

</a>

不是

<a/>

解决这个问题，你的问题会像神奇的一样消失。 Firefox似乎为你创造了缺失的元素!!

Answer 3

你的关闭锚是错误的：

<a href="#"><img src="./img/buildings_32x32.png"><a/>
                                                  ^^---backwards

他们应该是</a>。你基本上有两个开放标签，没有结束标签。 FF正在礼貌地在观众中自动关闭它们。