Firefoxで余分なアンカーが表示される

Question

Linux MintでFF8を使用しています。リストアイテムを使用してナビゲーションメニューを作成しました。私のCSSセレクタ ".iconSelect ul li：last-child"が何らかの理由で中断する原因となっているリスト項目の最後に余分なアンカーがあるようです！

ファイヤーバグで余分なアンカーを削除すると、それが機能し、スタイリングが適用されます。

<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> 

その私はそれらの両方を削除した、余分なアンカーがまだ表示されたとして、これを引き起こしてthatsのスタイリングやjsの中に確かに何もアップ

マイマーク。

Answer 1

あなたの終値アンカーが間違っている：

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

彼らは</a>をする必要があります。基本的に2つの公開タグと終了タグはありません。 FFは礼儀正しく、ビューアで自動的に閉じます。

Answer 2

あなたが質問のこれらの種類を投稿する前に、あなたのHTMLトラフHTMLバリデータを実行したい場合があり、将来的にも代わり</a> ...

の<a/>を使用しています。

Answer 3

あなたはこのようなアンカー閉じる：

</a> 

ない

<a/> 

それを修正し、あなたの問題は、まるで魔法のように消えますが。 Firefoxは欠落している要素を作成するようです！